<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>我是div</div>
<span>我是span</span>
<script>
var div = document.querySelector('div');
// 1 nextSibling下一个兄弟节点 包含元素节点和 文本节点灯
console.log(div.nextSibling);
console.log(div.previousSibling);
// nextElementSibling得到下一个兄弟元素节点
console.log(div.nextElementSibling);
console.log(div.previousElementSibling);
function getNextElementSibling(element){
var el = element;
while (el = el.nextSibling){
if(el.nodeType === 1){
return el;
}
}return Null;
}
</script>
</body>
</html>
主体代码:
function getNextElementSibling(element){
var el = element;
while (el = el.nextSibling){
if(el.nodeType === 1){
return el;
}
}return Null;
}