考虑以下段落和列表：
<p id = "list1" onclick = "openList1()">List of Items</p>
<ol>
<li><a href = "/exampleFolder/file1.txt">List Item 1</a></li>
<li><a href = "/exampleFolder/file2.txt">List Item 2</a></li>
<li><a href = "/exampleFolder/file3.txt">List Item 3</a></li>
<li><a href = "/exampleFolder/file4.txt">List Item 4</a></li>
<li><a href = "/exampleFolder/file5.txt">List Item 5</a></li>
</ol>
如何使用 Javascript 显示和隐藏整个列表？
<script>
function openList1() {
...
}
</script>
我感谢您的关注！
您可以给一个 idOL list.
<p id = "list1" onclick = "openList1()">List of Items</p>
<ol id="ollist">
<li><a href = "/exampleFolder/file1.txt">List Item 1</a></li>
<li><a href = "/exampleFolder/file2.txt">List Item 2</a></li>
<li><a href = "/exampleFolder/file3.txt">List Item 3</a></li>
<li><a href = "/exampleFolder/file4.txt">List Item 4</a></li>
<li><a href = "/exampleFolder/file5.txt">List Item 5</a></li>
</ol>
然后在你的 JavaScript 中你可以像这样切换它......
<script>
function openList1() {
var list = document.getElementById("ollist");
if (list.style.display == "none"){
list.style.display = "block";
}else{
list.style.display = "none";
}
}
</script>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
