JavaScript DOM特性与应用详解(1)(3)

检测节点类型

通过使用nodeType特性检验节点类型：

alert(document.nodeType); //outputs "9"  
alert(document.documentElement.nodeType); //outputs "1" 

这个例子中，document.nodeType返回9，等于Node.DOCUMENT_NODE；同时document. documentElement.nodeType返回1，等于Node.ELEMENT_NODE。也可以用Node常量来匹配这些值：

alert(document.nodeType == Node.DOCUMENT_NODE); //true  
alert(document.documentElement.nodeType == Node.ELEMENT_NODE); //true 

这段代码可以在Mozilla 1.0+、Opera 7.0+和Safari 1.0+上正常运行。但是IE不支持这些常量，所以这些代码在IE上会产生错误。

处理特性

即便Node接口已具有attributes方法，且已被所有类型的节点继承，然而，只有Element节点才能有特性。Element节点的attributes属性其实是NamedNodeMap，它提供一些用于访问和处理其内容的方法：

◆getNamedItem(name) 返回nodeName属性值等于name的节点；

◆removeNamedItem(name) 删除nodeName属性值等于name的节点；

◆setNamedItem(node) 将node添加到列表中，按其nodeName属性进行索引；

◆item(pos)  像NodeList一样，返回在位置pos的节点；

请记住这些方法都是返回一个Attr节点，而非特性值。NamedNodeMap对象也有一个length属性来指示它所包含的节点的数量。当NamedNodeMap用于表示特性时，其中每个节点都是Attr节点，它的nodeName属性被设置为特性名称，而nodeValue属性被设置为特性的值。
例如，假设有这样一个元素：

<p id="p1" style="color:red">hello world!</p> 

假设变量oP包含指向这个元素的一个引用。于是可以这样访问id特性的值：

var sId = oP.attributes.getNamedItem("id").nodeValue; //p1 

或者：

var sId = oP.attributes.item(0).nodeValue; 

还可以通过给nodeValue属性赋新值来改变id特性：

oP.attributes.getNamedItem("id").nodeValue = "newId"; 

Attr节点也有一个完全等同于（同时也完全同步于）nodeValue属性的value属性，并且有name属性和nodeName属性保持同步。我们可以随意使用这些属性来修改或变更特性。因为这个方法有些累赘，DOM又定义了三个元素方法来帮助访问特性：

getAttribute(name)   
等于  
attributes.getNamedItem(name).value；  
 
setAttribute(name, newvalue)  
等于  
attribute.getNamedItem(name).value = newvalue；  
 
removeAttribute(name)  
等于  
attributes.removeNamedItem(name)  

要获取前面用的<p/>的id特性，只需这样做：

var sId = oP.getAttribute("id"); 

更改ID：

oP.setAttribute("id", "newId");  
setAttribute()  
element.setAttribute(attributeName,attributeValue); 

为给定元素节点添加一个新的属性值或是改变它的现有属性

getAttribute()

attributeValue = element.getAttribute(attributeName)  
返回一个给定元素的一个给定属性节点的值。 

getElementById()

element = document.getElementById(ID)  
寻找一个有着给定 id 属性值的元素  
返回一个元素节点。 

getElementsByName()

用来获取所有name特性等于指定值的元素：  
elements = document.getElementsByName(tagName)  
返回一个节点集合。 

getElementsByTagName()

用于寻找有着给定标签名的所有元素：  
elements = document.getElementsByTagName(tagName)  
返回一个节点集合。