node节点属性
- nodeName属性 oneBox= document.getElementsById(‘box‘);
var s = oneBox.nodeName; //nodeName与tagName等价
- nodeType属性 表示节点的类型,其中1代表元素节点,2代表属性节点,3代表文本节点。
- nodeValue属性 表示节点的内容,其中元素(标签)节点的nodeValue值为null,属性节点的值为属性值,文本节点的值为文本内容,这个内容不包括html语句
层次节点
- var s = oneBox.childNodes; childNodes:子节点集合
例如:
<div>
测试<em>倾斜</em>测试2
</div>
var s = oneBox.childNodes;那么s表示有三个节点的列表
oneBox.childNodes.length的值是3; 第一个节点是文本‘测试’,第二个是<em>倾斜</em>,第三个是文本:测试2
注意:oneBox.childNodes[0].innerHTML是undefined,因为innerHTML是指里面的文本内容,
应该是:oneBox.childNodes[0].nodeValue 它的值是‘测试’
如果:oneBox.childNodes[0].nodeName 也就是标签的名称,注意:文本内容没有标签 但不会出错
- oneBox.firstChild与oneBox.lastChild
- oneBox.ownerDocument 返回的就是document,返回的是文档对象,也就是根节点
- oneBox.firstChild.nextSibling 并列的下一个子节点 同样的有previousSibling
- oneBox.attributes 是指oneBox这个元素的属性列表
oneBox.attributes.length
oneBox.attributes[0] 是从后往前的顺序的某一个属性,遍历的顺序是从后往前
也可以直接在中括号中填入属性名称来获得其值
例如 oneBox.attributes[‘title‘].nodeValue 就是oneBox的title值
2016.01.07 DOM笔记(二) DOM节点
原文:http://www.cnblogs.com/moonnan/p/5111562.html