zoukankan      html  css  js  c++  java
  • javascript 节点属性详解

    javascript 节点属性详解

    根据 DOM,html 文档中的每个成分都是一个节点

    DOM 是这样规定的:
    整个文档是一个文档节点
    每个 html 标签是一个元素节点
    包含在于 html 元素中的文本是文本节点
    每一个 html 属性是一个属性节点
    注释属于注释节点

    1. 获得节点的引用
       A. 旧的获得节点引用方式
          getElementById()/getElementsByTagName()/getElementsByName()
          劣势:浪费内存,逻辑性不强

       B. 通过节点 关系属性 获得节点的引用
          对象.parentNode 获得父节点的引用
          对象.childNodes 获得子节点的集合
          对象.firstChild 获得第一个子节点
          对象.lastChild  获得最后一个子节点
          对象.nextSibling 获得下一个兄弟节点的引用
          对象.previousSibling  获得上一个兄弟节点的引用
        劣势:兼容性不好,原因是IE会把最后一个标签换行当做一个节点,FF把所有标签换行都

    当成了节点,排除这些方法和差异可用
    obj.nodeType == 3 && /^s+$/.test(obj.nodeValue)
     
    2.节点的信息(属性)

     
    * 节点类型(nodeType(数值)) 节点名字(nodeName) 节点值(nodeValue)
    元素节点 1 标签名 null
    属性节点 2 属性名 属性值
    文本节点 3 #text 文本
    注释节点 8 #comment 注释的文字
    文档节点 9 #document null
  • 相关阅读:
    02---控制移动底座8
    02---控制移动底座7
    02---控制移动底座6
    02---控制移动底座5
    第四章输入/输出(I/O)4.2PCL中I/O模块及类介绍
    第四章输入/输出(I/O)4.1I/O涉及的设备及相关概念简介
    1.6 opencv视频操作基础
    1.5快速上手OpenCV图像处理
    02---控制移动底座4
    函数cvtColor
  • 原文地址:https://www.cnblogs.com/lin3615/p/3184009.html
Copyright © 2011-2022 走看看