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

原文地址:https://www.cnblogs.com/wangjie-01/p/4652549.html