javascript-节点属性详解

根据 DOM，HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

注释属于注释节点

一、如何获得节点引用

    1.旧的获取节点引用方式

      getElementById()

      getElementsByTagName()

      getElementsByName()

*******************************************

劣势：

  1.浪费内存

  2.逻辑性不强

*******************************************

    2.通过节点  关系节点 获得节点的引用

      对象.parentNode  获得父节点的引用

      对象.childNodes  获得子节点的集合

      对象.firstChild  获得第一个子节点

      对象.lastChild  获得最后一个子节点

      对象.nextSibling 获得下一个兄弟节点的引用

      对象.previousSibling 获得上一个兄弟节点的引用

****************************************************************

劣势:兼容性不好。

****************************************************************   

二、节点的信息(属性)

            节点类型          节点名字    节点值

          nodeType(数值)      nodeName  nodeValue

元素节点        1                标签名    null 

属性节点        2                属性名    属性值

文本节点        3                #text    文本

(空格和回车都算是文本节点);

注释节点        8        #comment  注释的文字   

文档节点        9                #document  null