如何通过JS获取nextElementSibling类型？

Question

我想检查nextElementSibling元素是否存在以及它是否是一个字段。但是我找不到正确的JS请求。

document.getElementById($id).nextElementSibling.type 

不起作用。

Answer 1

您需要使用nodeName或tagName。

var nextElement = document.getElementById('demo').nextElementSibling.nodeName;
console.log(nextElement);

<div id="demo">
<p>
hola
</p>
</div>
<p>
next element
</p>

Answer 2

您可以使用quertSelector和+*来获得下一个兄弟姐妹

let nextSibling = document.querySelector('#main+*')

if(!nextSibling){
  console.log("There is no next sibling")
}
else if(nextSibling.nodeName === "INPUT"){
  console.log("Next sibling is input field")
}
else {
  console.log("next sibling exists but its not input field")
}
console.log(nextSibling);

<div><div id="main">This is my element</div>
<input type="text" placeholder="I am first sibling" />
<input type="text" placeholder="I am second sibling" />
</div>
<span></span>