JavaScript nodeType详情代码实例下载

nodeType属性可以返回一个对象节点的类型，和此属性相关的还有nodeName和nodeValue属性，下面就对它们分别进行一下介绍。

一.nodeType属性:

此属性可以返回节点的类型，比较重要和常用的节点类型有:

1.元素节点(element)，返回值是1。

2.属性节点(attr)，返回值是2。

3.文本节点(text)，返回值是3。

4.文档节点(document)，返回值是9。

二.nodeName属性:

此属性可以返回节点的名称：

1.元素节点，返回值是标签名称。

2属性节点，返回值是属性名称。

3.文本节点，返回值永远是"#text"。

4.文档节点，返回值永远是"#document"。

三.nodeValue属性:

1.对于元素节点，此属性不可用。

2.对于属性节点，返回值是属性节点的属性值。

3.文本节点，返回值是文本节点的文本。

4.对于文档节点，此属性不可用。

实例代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title> 
<script type="text/javascript">
window.onload=function(){
  var thediv=document.getElementById("thediv");
  var show=document.getElementById("show");
  var str="";
    
  var nodeType=thediv.nodeType;
  var nodeName=thediv.nodeName;
  var nodeValue=thediv.nodeValue;
  str="节点类型"+nodeType+"<br/>";
  str=str+"节点名称"+nodeName+"<br/>";
  str=str+"节点值"+nodeValue;
  show.innerHTML=str;
}
</script>
</head> 
<body> 
<div id="thediv">51前端欢迎您</div>
<div id="show"></div>
</body> 
</html>

代码描述：JavaScript nodeType。JavaScript nodeType详情代码实例下载

下载全部收藏

100 133

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册