2016.01.07 DOM笔记(二) DOM节点

node节点属性

  1. nodeName属性  oneBox= document.getElementsById('box');
    var s = oneBox.nodeName;  //nodeName与tagName等价
  2. nodeType属性 表示节点的类型,其中1代表元素节点,2代表属性节点,3代表文本节点。
  3. nodeValue属性 表示节点的内容,其中元素(标签)节点的nodeValue值为null,属性节点的值为属性值,文本节点的值为文本内容,这个内容不包括html语句

层次节点

  1. 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 也就是标签的名称,注意:文本内容没有标签 但不会出错
  2. oneBox.firstChild与oneBox.lastChild
  3. oneBox.ownerDocument    返回的就是document,返回的是文档对象,也就是根节点
  4. oneBox.firstChild.nextSibling 并列的下一个子节点 同样的有previousSibling
  5. oneBox.attributes 是指oneBox这个元素的属性列表
    oneBox.attributes.length
    oneBox.attributes[0] 是从后往前的顺序的某一个属性,遍历的顺序是从后往前
    也可以直接在中括号中填入属性名称来获得其值
    例如 oneBox.attributes['title'].nodeValue  就是oneBox的title值













 

你可能感兴趣的:(2016.01.07 DOM笔记(二) DOM节点)