Question

我正在尝试通过一个按钮来触发两个功能。有人可以帮我做错什么吗？

我知道我只能从功能2的功能一添加文本，但是我的目标是在一个按钮下完成两个功能。

<p id="demo" style="display:none">JavaScript can show hidden HTML elements.</p>

<p id="demoTwo" style="display:none">Hello JavaScript!</p>

<button type="button" onclick="document.getElementById('demo').style.display='block'" onclick="document.getElementById('demoTwo').style.display='block'">Click Me!</button>

我希望在单击按钮时都显示两个功能的文本。但是，只有第一个功能完成了。

Answer 1

您需要添加一个功能才能做到这一点：

onclick="showDemos()"

然后在您的JavaScript中：

function showDemos() {
  document.getElementById("demo").style.display = "block";
  document.getElementById("demoTwo").style.display = "block";
}

function showDemos() {
  document.getElementById("demo").style.display = "block";
  document.getElementById("demoTwo").style.display = "block";
}

<p id="demo" style="display:none">JavaScript can show hidden HTML elements.</p>

<p id="demoTwo" style="display:none">Hello JavaScript!</p>

<button type="button" onclick="showDemos()">Click Me!</button>

通常不建议使用内联侦听器-您应使用addEventListener：

function showDemos() {
  document.getElementById("demo").style.display = "block";
  document.getElementById("demoTwo").style.display = "block";
}

document.getElementById("button").addEventListener("click", showDemos);

<p id="demo" style="display:none">JavaScript can show hidden HTML elements.</p>

<p id="demoTwo" style="display:none">Hello JavaScript!</p>

<button type="button" id="button">Click Me!</button>

为什么按钮不触发第二功能？

1 个答案: