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

您可以使用nextElementSibling

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

它将选择实际的DOM元素。缺点 - 这可能与IE8等旧版浏览器不兼容。

Answer 2

试试这个。 nextSibling包含文本节点（包括空格），但nextElementSibling不包含。

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

JavaScript：从Parent获取下一个元素

2 个答案: