Javascript 为什么onClick事件在html中只工作一次？_Javascript_Jquery_Html

Javascript 为什么onClick事件在html中只工作一次？

javascript jquery html

Javascript 为什么onClick事件在html中只工作一次？,javascript,jquery,html,Javascript,Jquery,Html,我有以下html和javaScript。onclick showHiddenDiv事件仅适用于第一个 <!DOCTYPE html> <html> <body> <ul class="list"> <li> <h3 class="assignments"><a href="#users" onclick="showHiddenDiv('div-1')">

我有以下html和javaScript。onclick showHiddenDiv事件仅适用于第一个

<!DOCTYPE html>
<html>
<body>
    <ul class="list">
        <li>
           <h3 class="assignments"><a href="#users" onclick="showHiddenDiv('div-1')">
           Assignment 1</a></h3>
           <p class="date">Tuesday Sep 9</p>
           <div id="div-1" style="display:none">Completed</div>
        </li>
        <li>
            <h3 class="assignments"><a href="#users" onclick="showHiddenDiv('div-2')">
             Assignment 2 </a></h3>
             <p class="date">Thursday Sep 11</p>
             <div id="id-2" style="display:none">Completed. 
             The web page can be found at this link.</a></div>
         </li>
     </ul>

<script>
function showHiddenDiv(id) {
  "use strict";
   var obj = document.getElementById(id);
   if (obj.style.display === "none") {
      obj.style.display = 'block';
   } else if (obj.style.display === "block") {
      obj.style.display = 'none';
  }
}
</script>
</body>
</html>




9月9日星期二
完整的


9月11日星期四
完整的。
该网页可在此链接找到。


函数showHiddenDiv（id）{
“严格使用”；
var obj=document.getElementById（id）；
如果（obj.style.display==“无”）{
obj.style.display='block'；
}else if（obj.style.display==“块”）{
obj.style.display='none'；
}
}

如何使用onclick调用javaScript函数以在html中多次工作？

已完成
   <div id="div-1" style="display:none">Completed</div>
            ^^^^---- spot the difference
     <div id="id-2" style="display:none">Completed. 
              ^^^^--- spot the difference

^^^^----找出区别
完整的。
^^^^---找出区别

已完成
^^^^----找出区别
完整的。
^^^^---找出区别

已完成
^^^^----找出区别
完整的。
^^^^---找出区别

已完成
^^^^----找出区别
完整的。
^^^^---找出区别
更改更改更改更改html中存在错误，id-2应为div-2
<p class="date">Thursday Sep 11</p>
         <div id="div-2" style="display:none">Completed. 
         <a>The web page can be found at this link.</a></div>

9月11日星期四
完整的。
该网页可在此链接找到。

您需要打开一个标记。
您的html中有一个错误，id-2应该是div-2
<p class="date">Thursday Sep 11</p>
         <div id="div-2" style="display:none">Completed. 
         <a>The web page can be found at this link.</a></div>

9月11日星期四
完整的。
该网页可在此链接找到。

您需要打开一个标记。
您的html中有一个错误，id-2应该是div-2
<p class="date">Thursday Sep 11</p>
         <div id="div-2" style="display:none">Completed. 
         <a>The web page can be found at this link.</a></div>

9月11日星期四
完整的。
该网页可在此链接找到。

您需要打开一个标记。
您的html中有一个错误，id-2应该是div-2
<p class="date">Thursday Sep 11</p>
         <div id="div-2" style="display:none">Completed. 
         <a>The web page can be found at this link.</a></div>

9月11日星期四
完整的。
该网页可在此链接找到。

您需要打开一个标记。
因为第二个div有id-2
，但您希望它是div-2
您的div-2
在哪里？：）哎呀！！打字错误问题解决了！谢谢。因为第二个div有id-2
，但你希望它是div-2
，你的div-2
？：）哎呀！！打字错误问题解决了！谢谢。因为第二个div有id-2
，但你希望它是div-2
，你的div-2
？：）哎呀！！打字错误问题解决了！谢谢。因为第二个div有id-2
，但你希望它是div-2
，你的div-2
？：）哎呀！！打字错误问题解决了！谢谢。难道你不应该因为打字错误而把这个问题标记为离题吗？打字错误：3。谢谢：）你不应该因为打字错误而把这个问题标记为离题吗？打字错误：3。谢谢：）你不应该因为打字错误而把这个问题标记为离题吗？打字错误：3。谢谢：）你不应该因为打字错误而把这个问题标记为离题吗？打字错误：3。谢谢：）没错，但这既不能回答问题，也不能解决问题。让他知道没什么错。那么应该是评论，而不是回答。我如何在评论中发布代码？让我知道…你用背勾把它围起来。阅读帮助9月11日星期四
正确，但这既不能回答问题，也不能解决问题。让他知道没什么错，那么应该是评论，而不是回答。我如何在评论中发布代码？让我知道…你用背勾把它围起来。阅读帮助9月11日星期四
正确，但这既不能回答问题，也不能解决问题。让他知道没什么错，那么应该是评论，而不是回答。我如何在评论中发布代码？让我知道…你用背勾把它围起来。阅读帮助9月11日星期四
正确，但这既不能回答问题，也不能解决问题。让他知道没什么错，那么应该是评论，而不是回答。我如何在评论中发布代码？让我知道…你用背勾把它围起来。阅读帮助9月11日星期四
您不应该因为打字错误而将问题标记为离题吗？您不应该因为打字错误而将问题标记为离题吗？您不应该因为打字错误而将问题标记为离题吗？