• 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 文档片断 

  • 相关阅读:
    <<浪潮之巅>>阅读笔记三
    <<浪潮之巅>>阅读笔记二
    <<浪潮之巅>>阅读笔记一
    《需求工程——软件建模与分析》阅读笔记三
    个人总结
    学习进度条(第十六周)
    人月神话阅读笔记03
    第十五周学习进度条
    人月神话阅读笔记02
    操作
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/9490091.html
Copyright © 2020-2023  润新知