简明现代魔法 -> JavaScript -> DOM 编程艺术:getAtrribute() 方法

DOM 编程艺术:getAtrribute() 方法

2010-02-09

检索特定元素节点有两种方法,一种是 getElementById() 方法,另一种是 getElementsByTagName() 方法。在找到那个元素之后,我们就可以利用 getAtrribute() 方法把它的各种属性的值查询出来。

getAtrribute() 方法是一个函数,它只有一个参数,就是你打算查询属性的名字。这个方法不能通过 document 对象来调用,它需要通过使用元素节点来调用。

以下程序,先获得 p 标签的对象,然后查询它们的 title 属性:

<p title="Hello"></p>
<p title="Welcome To NowaMagic!"></p>

<script type="text/javascript">
var paras = document.getElementsByTagName("p");
for(var i=0; i<paras.length; i++)
{
	alert(paras[i].getAttribute("title"));
}
</script>

查看示例

注意:JavaScript 代码需要放到 HTML 标签后面才可以获取属性值。如果 p 标签并没有带有 title 属性,则 getAtrribute() 方法则会返回 null。

XML DOM getAttribute() 方法

getAttribute() 方法通过名称获取属性的值。

用法为:elementNode.getAttribute(name)。name 规定从中取得属性值的属性。

程序示例

books.xml

 
 
Harry Potter 
J K. Rowling 
2005 
29.99 
 
 
Everyday Italian 
Giada De Laurentiis 
2005 
30.00 
 
 
Learning XML 
Erik T. Ray 
2003 
39.95 
 
 
XQuery Kick Start 
James McGovern 
Per Bothner 
Kurt Cagle 
James Linn 
Vaidyanathan Nagarajan 
2003 
49.99 
 

JavaScript 函数 loadXMLDoc()

function loadXMLDoc(dname) 
{
	try //Internet Explorer
  	{
  		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  	}
	catch(e)
  	{
  		try //Firefox, Mozilla, Opera, etc.
    	{
    		xmlDoc=document.implementation.createDocument("","",null);
    	}
  		catch(e) {alert(e.message)}
  	}
	try 
  	{
  		xmlDoc.async=false;
  		xmlDoc.load(dname);
  		return(xmlDoc);
  	}
	catch(e) {alert(e.message)}
	return(null);
}

下面的代码片段获取所有 <book> 元素中 "category" 属性的值:

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');

for (i=0;i<x.length;i++)
{
	document.write(x[i].getAttribute('category'));
	document.write("<br />");
}

程序输出:

COOKING
CHILDREN
WEB
WEB    
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们