javascript-节点属性详解

javascript-节点属性解析

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

DOM (Document Object Model)是这样规定的：

整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点

一、如何获得节点引用

1.以前获取节点引用的方式：
      getElementById()
      getElementByTagName()
      getElementByName()

劣势：
      1.浪费内存
      2.逻辑性不强

2.通过节点  关系属性 获得节点的引用：
      对象.parentNode  获得父节点的引用
      对象.childNodes  获得子节点的集合
      对象.firstChild  获得第一个子节点
      对象.lastChild   获得最后一个子节点
      对象.nextSibling 获得下一个兄弟节点的引用
      对象.previousSibling 获得上一个兄弟节点的引用

劣势:兼容性不好。
      
二、节点的信息(属性)

节点类型           节点名字        节点值
            nodeType(数值)       nodeName      nodeValue

元素节点         1                标签名         null
 
属性节点         2                属性名        属性值

文本节点         3                 #text         文本

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

文档节点         9                 #document     null