DOM操作-通过关系来获取元素

最新推荐文章于 2024-06-26 10:05:35 发布

春意迟迟、

最新推荐文章于 2024-06-26 10:05:35 发布

阅读量1.8k

点赞数 1

文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_58167492/article/details/125790542

版权

可以通过父子关系来获取父元素和子元素，也可以通过兄弟关系来获取同级元素

获取父元素：parentElement
获取父节点：parentNode
获取子元素：children
获取子节点：childrenNode
获取第一个子节点：firstElementChild
获取第一个子节点：lastElementChild
获取上一个兄弟节点：previousSibling
获取下一个兄弟节点：nextElementSibling

<body>
    <div class="div1" id="div11">
        <span id="span1" class="span11">span标签</span>
        <div id="son1">son1</div>
        <div class="son2">son2</div>
    </div>
    <!-- 特意将div2和div3写在同一行 -->
    <div id="div2">02</div><div class="div3">03</div>
</body>

<script>
    //获取span标签的父元素(parentElement)
    var spanFarther=document.getElementById("span1").parent