提问者:小点点

如何在多个元素上调用相同的onclick函数?


如何在多个元素上调用相同的onclick函数? 我想使显示文本和显示div onclick功能作为一个单一的单击。 现在onclick函数只对第一个元素起作用。 请帮帮我。

function myFunction() {
  document.getElementById("answer").style.color = "red";
  document.getElementById("answer").style.backgroundColor = "white";
  var x = document.getElementById("explain");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

<div class="test">
<ul class="example">
<li>This is</li>
<li id="answer" onclick="myFunction(),myFunction2()" style="background-color:#444444; color:#444444;">example.
</li>
</ul>
<ul id="explain" style="display:none">
  TEST1
</ul>
</div>
X Loop...

共1个答案

匿名用户

用分号分隔函数名。

onclick="myFunction();myFunction2()"

希望这能帮上忙。