js 查找元素

最新推荐文章于 2023-06-01 10:52:23 发布

三尺秋水一点飞鸿

最新推荐文章于 2023-06-01 10:52:23 发布

阅读量874

点赞数

分类专栏： js 笔记

本文链接：https://blog.csdn.net/qq_42467563/article/details/83278896

版权

练习同时被 3 个专栏收录

201 篇文章 8 订阅

订阅专栏

笔记

185 篇文章 0 订阅

订阅专栏

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>查找元素</title>
   </head>
   <body>
       <div>
           <div>秦时明月汉时关，万里征程人未还</div>
           <div id="wtms">两岸青山相对出，孤帆一片日边来。</div>
           <div>山重水复疑无路，柳暗花明又一村</div>
       </div>
       <div>何当共剪西窗烛，却话巴山夜雨时</div>
   </body>
   <script>

       var wtms = document.getElementById('wtms')
       // 上一个同胞元素
       var prev = wtms.previousElementSibling || wtms.previousSibling
       // 下一个同胞元素
       var next = wtms.nextElementSibling || wtms.nextSibling
       // 父级元素
       var parent = wtms.parentNode
       // 获取第一个子元素
       var first = parent.firstElementChild || parent.firstChild
       // 获取最后一个子元素
       var last = parent.lastElementChild || parent.lastChild

       // 在文档数中连续查找
       var uncle = wtms.parentNode.nextElementSibling
       alert(uncle.innerText)

   </script>
</html>

三尺秋水一点飞鸿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 查找元素

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;查找元素&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;
复制链接

扫一扫