DOM中的兄弟节点

最新推荐文章于 2023-11-17 20:10:00 发布

安静的对折

最新推荐文章于 2023-11-17 20:10:00 发布

阅读量1.7k

点赞数 1

分类专栏： JS 文章标签： nextSibling previousSibling nextElementSibling

本文链接：https://blog.csdn.net/k491022087/article/details/52578854

版权

nextSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的文本节点，而IE8及之前的浏览器会忽略文本节点，获取的是下一个、上一个标签节点

nextElementSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的是下一个、上一个标签节点，忽略文本节点，但是IE8及之前的浏览器不支持使用

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<ul>
    <li>111</li>
    <li>222</li>
    <li id="li3">333</li>
    <li>444</li>
</ul>

<script>
    var li3 = document.getElementById("li3");
//    *****************下一个兄弟节点***********************
//    所有浏览器都支持，但是谷歌和火狐浏览器获取的是下一个文本节点，IE8及之前的浏览器会忽略文本节点，所以获取的是标签节点
    var lis = li3.nextSibling;
    console.log(lis.nodeType);  <strong><span style="color:#ff0000;"&

最低0.47元/天解锁文章

安静的对折

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
DOM中的兄弟节点

nextSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的文本节点，而IE8及之前的浏览器会忽略文本节点，获取的是下一个、上一个标签节点 nextElementSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的是下一个、上一个标签节点，忽略文本节点，但是IE8及之前的浏览器不支持使用
复制链接

扫一扫