是否有更动态的方法来隐藏/显示结构相同但没有标识符的div?
点击显示
我是一些东西
点击显示
我是一些东西
<div class="setup" onclick="show(1)"> Click to show <p class="hidden"> I'm more stuff </p> </div> function show(elem) { var p = document.getElementsByClassName("hidden"); if (p[elem] != undefined) { if (p[elem].style.display == "none") { p[elem].style.display = "block"; } else { p[elem].style.display = "none"; } } }
解决方法
用这个:
<div class="setup" onclick="show(this)">
JavaScript的:
function show(elem) { var paragraph = elem.querySelector(".hidden"); if (paragraph.style.display == "none") { paragraph.style.display = "block"; } else { paragraph.style.display = "none"; }
希望这有帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。