zoukankan      html  css  js  c++  java
  • JS DOM节点(当前标签和同级、父级、子级..之间的关系)

    1. 通过顶层document节点获取
        1) document.getElementById(elementId) //根据id获得
        2) document.getElementsByName(elementName) //根据name获得
        3) document.getElementsByTagName(tagName) //根据标签名获得
    2、通过父节点获取
        1) parentObj.firstChild //获得第一个子节点
        2) parentObj.lastChild //获得第二个子节点
        3) parentObj.childNodes //获取作为指定对象直接后代的HTML元素和TextNode对象的集合
        4) parentObj.children //非标准dom集合,建议使用childNodes
        5) parentObj.getElementsByTagName(tagName) //获得该标签下标签名为tagName的所有标签
    3、通过临近节点获取
        1) neighbourNode.previousSibling //获得同级前一个标签
        2) neighbourNode.nextSibling //获得同级后一个标签
    4、通过子节点获取
        1) childNode.parentNode //获得父标签
    附录:nodeName 属性含有某个节点的名称。
    元素节点的nodeName 是标签名称
    属性节点的nodeName 是属性名称
    文本节点的nodeName 永远是 #text
    文档节点的nodeName 永远是 #document
          nodeValue
    对于文本节点,nodeValue 属性包含文本。
    对于属性节点,nodeValue 属性包含属性值。
    nodeValue 属性对于文档节点和元素节点是不可用的。
          nodeType 属性可返回节点的类型具体如下:
    1 Element 元素 
    2 Attribute 属性 
    3 Text 文本 
    4 CDATA Section CDATA断 
    5 Entity Reference 实体参数 
    6 Entity 实体 
    7 Processing Instrucion 处理指令 
    8 Comment 注释 
    9 Document 文档 
    10 Document Type 文档类型 
    11 Document Fragment 文档片断 

  • 相关阅读:
    MongoDB 常用的基础命令
    window.crypto 生成随机数
    正则去除object中key的引号
    git 常用操作命令
    常用的用于操作 css 的方法
    angular ViewChild ContentChild 系列的查询参数
    angular 键盘事件绑定与过滤
    mysql性能优化(A)
    移动硬盘写保护处理
    expdp/impdp导入导出
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/9490091.html
Copyright © 2011-2022 走看看