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

  • 相关阅读:
    递归判断字符串是否为回文
    原码,补码,反码
    Java语言程序设计2019.9.16
    四则运算---根据用户要求输出计算题源代码
    学生成绩管理系统-JAVA语言测试
    暑假生活第八周
    暑假生活第七周
    暑假生活第六周
    POJ 2400 Supervisor, Supervisee(KM二分图最大权值匹配)题解
    POJ 2226 Muddy Fields(最小点覆盖)题解
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/9490091.html
Copyright © 2011-2022 走看看