除了Document类型之外,Element类型就要算是Web编程中最常用的类型了。Element类型用于表现XML或HTML元素,提供了对元素标签名、子节点及特性的访问。Element节点具有以下特征:
◎nodeType的值为1;
◎nodeName的值为元素的标签名;
◎nodeValue的值为null;
◎parentNode可能是Document或Element;
◎其子节点可能是Element、Text、Comment、Processinglns truction、CDATASection或EntityRef erence。
要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性;这两个属性会返回 相同的值(使用后者主要是为了清晰起见)。以下面的元素为例:
可以像下面这样取得这个元素及其标签名:
var div=document.getElementByld("myDiv");
alert(div.tagName); //"DIV"
alert(div.tagName==div.nodeName); //true
这里的元素标签名是div,它拥有一个值为"myDiv" 的ID。可是,div.tagName实际上输出的是 "DIV"而非"div"。在HTML中,标签名始终都以全部大写表示;而在XML(包括XHTML)中,标
签名则始终会与源代码中的保持一致。假如你不确定自己的脚本将会在HTML还是XML文档中执行,好是在比较之前将标签名转换为相同的大小写形式,如下面的例子所示:
if(element.tagName=="div"){//不能这样比较,很容易出错!
//在此执行某些操作
}
if( element.tagName.toLowerCase()=="div")(//这样最好(适用于任何文档)
//在此执行某些操作
}
这个例子展示了围绕tagName属性的两次比较操作。第一次比较非常容易出错,因为其代码在 HTML文档中不管用。第二次比较将标签名转换成了全部小写,是我们推荐的做法,因为这种做法适
用于HTML文档,也适用于XML文档。
可以在任何浏览器中通过脚本访问Element类型的构造函数及原型,包括IE8及更高版本。
。
本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络 http://www.jxbh.cn 如转载请注明出处!