如何在JavaScript中改变按钮的onclick功能？
如何在JavaScript中改变按钮的onclick功能？
提问于 2021-02-07 17:22:38
我有一个名为run()的按钮元素，我试图在单击一次后更改另一个按钮的disabled属性，以重置输出。这就是代码：
function run() {
let element = document.getElementById("output");
let newButton = document.getElementById('java runner');
let resetButton = document.getElementById('reset');
console.log(element.innerHTML="Hello World! ");
newButton.disabled=false;
}
function reset() {
}HTML代码为：
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<link rel="stylesheet" href=""
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="My first website!">
<meta name="author" content="Itamar Cohen">
<meta http-equiv="refresh" content="60">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="./scripts/script.js"></script>
<link rel = "icon" href = "./images/java.png" type = "image/x-icon">
</head>
<body class="body-main">
<h1 class="main-title">Java</h1>
<div class="aligner">
<div class="text-p">
<p class="main-text">
Java is an old language that created by James Gosling who worked in Sun MicroSsystems.
<br>
Java is an intermediate level programming language, it's a class based language.
<br>
Here is an example code:
<br>
</p>
</div>
<br>
<br>
<br>
<br>
<div class="java-tab">
<div class="inside-tab">
<pre class="java-example">
public class Main {
public static void main(String[] args) {
System.out.println("Hello World! ");
}
}
</pre>
</div>
<br>
<br>
<div class="button-output">
<br>
<button id="java-runner" onclick="run()">
Run the code!
</button>
<br>
<button id="reset" onclick="reset()" disabled="true">
Reset The Output!
</button>
<h2 class="output" id="output"></h2>
</div>
</div>
</body>
</html>回答 3
Stack Overflow用户
回答已采纳
发布于 2021-02-07 17:38:20
function run(){
let mainButton = document.getElementById("main")
let secondButton = document.getElementById("second")
mainButton.addEventListener("click", () => secondButton.removeAttribute("disabled"))
}
run()<button id="main">Click to enable</button>
<button id="second" disabled>Some button</button>
Stack Overflow用户
发布于 2021-02-07 17:40:57
first = document.getElementById("first")
second = document.getElementById("second")
function run(){
second.disabled = false;
}<button id="first" onClick="run();"> First</button>
<button id="second" disabled>Second</button>
试试这段代码。
Stack Overflow用户
发布于 2021-02-07 17:37:31
你检查过你的newButton是否被正确获取了吗？因为你的ID java runner里有个空格。您可以尝试使用不带空格的ID吗？它可能还需要更新您的HTML
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66086314
复制相关文章
相似问题
腾讯云开发者
