JavaScript:从父级获取下一个元素

Question

我想禁用标签父级的下一个元素:
HTML:

<span>     
    <input type="checkbox" onchange="disableInput(this)">     
</span>
<input type="text" />
<!-- When checkbox changed, disable inputfield -->

Javascript:

<script>
    function disableInput(element){
        element.parentNode.nextSibling.disabled = true;
    }
</script>

这没有用。有人可以帮助我吗？

Answer 1

试试这个。 nextSibling 包含文本节点(包括空白区域)，但 nextElementSibling 不包含。

function disableInput(element) {
  element.parentNode.nextElementSibling.disabled = true;
}