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

JavaScript:从父级获取下一个元素,javascript,html,Javascript,Html,我想禁用标记父元素的下一个元素: HTML: Javascript: <script> function disableInput(element){ element.parentNode.nextSibling.disabled = true; } </script> 功能禁用输入(元素){ element.parentNode.nextSibling.disabled=true; } 这不管用。有人能帮我吗?你可以使用next

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


Javascript:

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

功能禁用输入(元素){
element.parentNode.nextSibling.disabled=true;
}

这不管用。有人能帮我吗?

你可以使用
nextElementSibling

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

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

试试这个
nextSibling
包括文本节点(包括空格),但
nextElementSibling
不包括文本节点

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

您会发现
nextSibling
是一个文本节点。删除
之间的空格删除关闭范围和输入之间的空格,它就会工作。没有错误,我没有work@j08691它起作用了!但我如何解决这个问题,因为在我的代码中,缩进和换行是正确的吗
function disableInput(element) {
  element.parentNode.nextElementSibling.disabled = true;
}