JavaScript:从Parent获取下一个元素

JavaScript: Get next element from Parent

本文关键字：下一个 元素 获取 Parent JavaScript      更新时间：2023-09-26

我想禁用标记的父级的下一个元素：
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>

这没用。有人能帮我吗？

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

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

您可以使用nextElementSibling

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

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

相关文章：