zoukankan      html  css  js  c++  java
  • DOM-BOM-EVENT(3)

    3.Node常用属性

    childNodes 获取所有子节点

    <div id="wrap">
        <div>1111</div>
        <div>2222</div>
        <div>3333</div>
        <div>4444</div>
        <div>5555</div>
    </div>
    <script>
        var oWrap = document.getElementById("wrap")
        // 打印wrap下面的所有子节点,返回一个集合,包含文本节点
        console.log(oWrap.childNodes)
        // 获取集合中的某一个
        console.log(oWrap.childNodes[1]) 
    </script>
    

    children 获取所有子节点中的元素节点

    var oWrap = document.getElementById("wrap")
    // 打印wrap下面的所有元素节点
    console.log(oWrap.children)
    // 获取集合中的某一个
    console.log(oWrap.children[1])  
    

    firstChild 获取第一个子节点

    var oWrap = document.getElementById("wrap")
    //返回第一个子节点
    console.log(oWrap.firstChild)
    

    lastChild 获取最后一个子节点

    var oWrap = document.getElementById("wrap")
    //返回最后一个子节点
    console.log(oWrap.lastChild)
    

    parentNode 获取父节点

    var oWrap = document.getElementById("wrap")
    //返回父节点
    console.log(oWrap.parentNode)
    

    previousSibling 获取上一个兄弟节点

    var oWrap = document.getElementById("wrap")
    // 获取第二个节点
    var nowNode = oWrap.children[1]
    //返回上一个兄弟节点
    console.log(nowNode.previousSibling)
    

    nextSibling 获取下一个兄弟节点

    var oWrap = document.getElementById("wrap")
    // 获取第二个节点
    var nowNode = oWrap.children[1]
    //返回上一个兄弟节点
    console.log(nowNode.nextSibling)
    

    参考文档

    Node - Web API 接口| MDN - Mozilla ParentNode.children - Web APIs | MDN

    螺钉课堂视频课程地址:http://edu.nodeing.com

  • 相关阅读:
    廖雪峰python 摘录1
    python web 测试CGI脚本
    AttributeError: 'Athlete' object has no attribute 'top3'
    python类定义小问题
    def函数安装调用的疑惑
    print_lol函数调用
    实现键盘输入信息,按enter键调用摄像头自动拍照
    EditText不能输入表情
    使用videoview播放资源文件夹下的视频
    使用videoview连续自动播放网络视屏
  • 原文地址:https://www.cnblogs.com/dadifeihong/p/12028039.html
Copyright © 2011-2022 走看看