javascript - this.nextSibling 不工作

Question

我希望下面的代码能够提醒“out”

<input type=text onfocus="alert(this.nextSibling.id)" />
<output id="out">this is output</output>

但它会提示 undefined为什么？

Answer 1

nextSibling 选择元素的下一个兄弟节点。下一个节点也可以是 textNode，它没有 id 属性，因此您会得到 undefined 值。正如另一个答案所建议的那样，您可以使用 nextElementSibling 属性，该属性指的是 nodeType 为 1 的下一个同级节点(即 Element 对象)或删除元素之间的隐藏字符。

请注意，IE8 不支持 nextElementSibling 属性。