“禁用”按钮上的RemoveAttr JS

debugcn 发表于 Dev

安东

我正在编程一个小按钮，当我单击第一个按钮时将其启用。这应该很容易，但是我遇到了一个问题，似乎没有用，您能给我一个我所缺少的线索吗？这是代码，谢谢那些花时间回答我的人:)！

<button id="valid-retrait">Try it</button>
<button id="relay" disabled>Yoyoyo</button>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">
  document.getElementById("valid-retrait").addEventListener("click", btn - enabled);

  function btn - enabled() {
    document.getElementById("relay").removeAttribute("disabled");
  }
</script>

罗里·麦克罗森（Rory McCrossan）

您的代码中存在三个问题。首先，您不能将JS代码放在<script>具有src属性的块中。他们需要分开。但是，由于您根本没有在代码中使用jQuery，因此可以完全删除对其的引用。

其次，连字符-用作变位运算符，在变量或函数标识符中无效。您需要删除它，或者使用下划线_代替。

最后，elementJS中没有关键字。从上下文中，您应该document改为使用。尝试这个：

document.getElementById("valid-retrait").addEventListener("click", btnEnabled);

function btnEnabled() {
  document.getElementById("relay").removeAttribute("disabled");
}

.democlass {
  color: red;
}

<h1 class="democlass">Hello World</h1>

<p id="demo">Click the button to remove the class attribute from the h1 element.</p>

<button id="valid-retrait">Try it</button>
<button id="relay" disabled>Yoyoyo</button>

为了清楚起见，下面是完整的HTML页面结构：

<!DOCTYPE html>
<html>

<head>
  <style>
    .democlass {
      color: red;
    }
  </style>
</head>

<body>
  <h1 class="democlass">Hello World</h1>
  <p id="demo">Click the button to remove the class attribute from the h1 element.</p>

  <button id="valid-retrait">Try it</button>
  <button id="relay" disabled>Yoyoyo</button>
  <script>
    document.getElementById("valid-retrait").addEventListener("click", btnEnabled);

    function btnEnabled() {
      document.getElementById("relay").removeAttribute("disabled");
    }
  </script>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。