我在 HTML 中制作了一个按钮,当我单击它时,第一个操作起作用,但第二个操作不起作用。我想要相同的按钮在第二次单击后用新文本替换文本。
<body>
<button onclick=dosomething(); onclick=dosomething2() style="background-color:
aquamarine;color:purple;
font-size:40px;border-radius:100px;">Click Me!</button>
<p style="color:red;font-size:80px;" id="test"></p>
<script>
function dosomething(){
document.getElementById("test").innerHTML = "Why did you do what it said >:("
}
</script>
<script>
function dosomething2(){
document.getElementById("test").innerHTML = "Stop it >:("
}
</script>
</body>
您可以通过创建 1 个包含您需要在其中运行的所有函数的函数,从一个按钮运行 2 个操作。您可以像这样修改您的代码:
<body>
<button onclick=doEverything();style="background-color:
aquamarine;color:purple;
font-size:40px;border-radius:100px;">Click Me!</button>
<p style="color:red;font-size:80px;" id="test"></p>
<script>
function dosomething(){
document.getElementById("test").innerHTML = "Why did you do what it said >:("
}
function dosomething2(){
document.getElementById("test").innerHTML = "Stop it >:("
}
function doEverything(){
dosomething();
dosomething2();
}
</script>