document.getElementById("").disabled 在 Chrome 和 IE 11 中不起作用答案

【问题标题】：document.getElementById("").disabled not working in Chrome & IE 11document.getElementById("").disabled 在 Chrome 和 IE 11 中不起作用
【发布时间】：2017-06-20 17:35:41
【问题描述】：

document.getElementById().disabled for cell 在 IE8 中工作。但不适用于 Chrome 和 IE11。我在 w3schools try it editor 中粘贴了类似的代码。我的要求类似于禁用 td 元素而不是按钮。我试过 display.none。但这完全删除了单元格元素。

<!DOCTYPE html>
<html>
<body>
<table width="400" border="0">
<tr>
<td width="64" id="Submit">
<button id="myBtn">My Button</button>
</td>
</tr>
<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("Submit").disabled=true;
}
</script>

</body>
</html>

<td width="64" id="Submit">
  <a href="#" title="<s:text name="Submit"/>" onClick="if(!this.disabled){fn_Submit();" >
    <table cellpadding=0 cellspacing="0" class="menublue" style="cursor:hand">
      <tr>
        <td width="10"><img src="../image/button_left_part.gif" width="10" height="23" border="0" ></td>
        <td  nowrap="true" align="left" background="../image/button_middle_part.gif"><span class="buttonText"><s:text name="Submit"/></span></td>
        <td width="10"><img src="../image/button_right_part.gif" width="10" height="23" border="0" ></td>
      </tr>
    </table>
  </a>
</td>

【问题讨论】：

stackoverflow.com/questions/11737512/…这是正确的用法
在我的代码中我没有按钮，我在 td 单元格中有一个链接、图像和文本，这使它看起来像一个按钮。所以我需要禁用整个单元格以禁用该链接。如果可能的话，也可以禁用链接。
disabled 仅在表单和表单域上被识别。 <td> 并非旨在将禁用状态应用于其中包含的字段。
在 table 调用上设置 disabled 属性是无效的 HTML
你必须以某种方式模仿禁用的行为..比如阻止点击它或者在它上面放另一个 div..stackoverflow.com/questions/5815654/…

标签： javascript html google-chrome

【解决方案1】：

<!DOCTYPE html>
<html>
<body>
<table width="400" border="0">
<tr>
<td width="64" id="Submit">
<button id="myBtn">My Button</button>
</td>
</tr>
<p>Click the button below to disable the button above.</p>

<button onclick="myFunction(this)">Try it</button>

<script>
function myFunction(button) {
    button.disabled = true;
}
</script>

</body>
</html>

看看有没有用，希望对你有帮助。

【讨论】：

【解决方案2】：

继续删除一些东西以简化它，直到你发现错误。

function myFunction() {
  document.getElementById("Submit").disabled = true;
}

<!DOCTYPE html>
<html>

<body>
  <button onclick="myFunction()">myFunction</button>
  <button id="Submit">Submit</button>
</body>

</html>

【讨论】：

我们在整个应用程序中使用了一种定制的按钮。用准确的单元格代码更新问题。
您是否因为我没有使用您的自定义代码而严重否决我的答案？你认为这是一个代码编写服务吗？
会——我没有否决你的答案。我本来可以不小心这样做的，因为我是从手机上看答案的。
我一定感觉有点敏感。 ?