码迷,mamicode.com
首页 > 其他好文 > 详细

节点属性

时间:2014-12-23 00:14:33      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

在DOM中,每一个节点都是一个对象。DOM节点有3个重要的属性:
1、nodeName : 节点的名称

2、nodeValue : 节点的值

3、nodeType : 节点的类型

 

nodeName属性: 节点的名称

1、元素节点的nodeName与标签名相同

2、属性节点的nodeName是属性的名称

3、文本节点的nodeName是#text

4、文档节点的nodeName是#document

<div id="node" name="getNodeName">1111</div>
<script>
    var node = document.getElementById("node");
    document.write(node.nodeName+"<br />"); //DIV
    document.write(document.nodeName+"<br />");//#document
    document.write(node.firstChild.nodeName+"<br />");//#text
  document.write(node.getAttributeNode("name")+"<br />");//[object Attr]
  document.write(node.getAttributeNode("name").nodeName+"<br />");//name
</script>

getAttributeNode():通过指定返回具有指定名称的属性节点的一个元素,作为一个Attr对象。

如果是返回属性节点的属性值getAttribute();

 

nodeValue属性:节点的值

1、元素节点的nodeValue是undefined或null

2、属性节点的nodeValue是属性的值

3、文本节点的nodeValue是文本自身

<div id="node" name="getNodeName">1111</div>
<script>
    var node = document.getElementById("node");
    document.write(node.nodeValue+"<br />");//null
    document.write(node.firstChild.nodeValue+"<br />");//1111
    document.write(node.getAttributeNode("name").nodeValue+"<br />");//getNodeName
</script>

 

 

 nodeType属性:节点的类型

常用的几种节点类型

元素  1

属性  2

文本  3

文档  9

<div id="node" name="getNodeName">1111</div>
<script>
    var node = document.getElementById("node");
    document.write(node.nodeType+"<br />");//1
    document.write(document.nodeType+"<br />");//9
    document.write(node.firstChild.nodeType+"<br />");//3
    document.write(node.getAttributeNode("name").nodeType+"<br />");//2
</script>

 

节点属性

标签:

原文地址:http://www.cnblogs.com/wanbi/p/4179248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!