为什么onClick事件在html中只工作一次
Why does onClick event only working once in html?
我有以下html和javaScript。onclick showHiddenDev事件仅适用于第一个<li>
。
<!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>
如何使用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
将<div id="id-2"
更改为<div id="div-2"
。
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>
你需要打开一个标签。
相关文章:
- Jquery FadeIn FadeOut 只工作一次
- jQuery滚动功能只工作一次
- iOS鼠标中心绑定只工作一次
- mongoose.js Model.remove在循环中只能工作一次
- 复选框一次选中一个不在gridview中工作
- Regex拆分-工作一次
- EventListener只能工作一次
- jQuery animate只在单击时工作一次
- data th JS每页只工作一次
- Jquery选择选项并获取只工作一次的更改值(页面加载时)
- remove仅每隔一次进行儿童工作
- CSS 类在验证时只工作一次
- Chrome扩展程序:浏览器操作单击按钮工作一次
- 单击仅工作一次
- MVC 分部视图中的 JQuery UI 自动完成功能只能工作一次
- Yelp API、OAuth和Angular与JSONP只工作一次
- 为什么这个脚本只工作一次?只替换元素一次,然后再也不替换
- 滚动时加载更多 滚动速度时一次工作两次
- 为什么一个ng应用程序一次工作
- Ajax请求只在每隔一次工作