首页 » DOM » Element 类型

Element 类型

除了Document类型之外,Element类型就要算是Web编程中最常用的类型了。Element类型用于表现XML或HTML元素,提供了对元素标签名、子节点及特性的访问。Element节点具有以下特征:

  • nodeType的值为1;
  • nodeName的值为元素的标签名;
  • nodeValue的值为null;
  • parentNode可能是Document或Element;
  • 其子节点可能是Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference。

要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性;这两个属性会返回相同的值。以下面的元素为实例:

<div id="myDiv"></div>

可以想下面这样取得这个元素及其标签名:

var div = document.getElementById("myDiv");
alert (div.tagName);  //"DIV"
alert(div.tagName == div.nodeName);  //true

这里的元素标签名是div,它拥有一个值为”myDiv“的ID。可是,div.tagName实际上输出的是”div“。在HTML中,标签名始终都以全部大写表示;而在XML中,标签名则始终会与源代码中的保持一致。假如你不确定自己的脚本将会在HTML还是XML文档中执行,最好是在比较之前将标签名转换为相同的大小写形式,如下面的例子所示:

if (element.tagName = "div") {  //不能这样,很容易出错!
    //在此执行某些操作
}
if (element.tagName.toLowerCase() == "div") {  //这样最好
    //在此执行某些操作
}

这个例子展示了围绕tagName属性的两次比较操作。第一次比较非常容易出错,因为其代码在HTML文档中不管用。第二次比较将标签名转换成了全部小写,是我们推荐的做法,因为这种做法用于HTML文档,也适用于XML文档。

可以在任何浏览器中通过脚本访问Element类型的构造函数及原型,包括IE8及更高版本。

此文章发表在 DOM. 将 固定链接 加入收藏.