百恒网络
Element所包含特征nodeType、nodeName、nodeValue和parentNode使用方法

Element所包含特征nodeType、nodeName、nodeValue和parentNode使用方法

2016-11-08 4949

除了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 如转载请注明出处!


展开分享
服务
案例
动态
联系
咨询