十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

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

百恒网络 2016-11-08 600

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


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×