gpt4 book ai didi

javascript - 为什么 .nextElementSibling 不返回 null?

转载 作者:搜寻专家 更新时间:2023-11-01 05:28:19 28 4
gpt4 key购买 nike

在下面的代码中,<div>没有 sibling 。 previousElementSibling正确返回 null ,但是 nextElementSibling没有。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>nextElementSibling</title>
</head>
<body>
<div>test</div>
</body>
<script>
var demo = document.getElementsByTagName('div')[0];
console.log(demo.previousElementSibling);
console.log(demo.nextElementSibling);
</script>
</html>

控制台输出:

enter image description here

Google Chrome 版本 59.0.3071.86(正式版)(64 位)

这是为什么?

最佳答案

因为 Chrome 很友善。

<script>位于源代码中的标记无效,因此 Chrome 会自动将其移动到 <body> 中, 它有效的地方,它变成 nextElementSibling 的地方.如果您检查加载的页面,您会看到:

enter image description here

关于javascript - 为什么 .nextElementSibling 不返回 null?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44566553/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com