javascript - 隐藏div香草javascript的动态方法
问题描述
有没有更动态的方法来隐藏/显示结构相同但没有标识符的 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";
}
}
}
解决方案
使用this
:
<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";
}
希望这会有所帮助!
推荐阅读
- javascript - React - 未处理的拒绝(TypeError)this.function不是函数
- ios - WatchOS 检测用户是否已关闭手表/锁定屏幕
- apache-kafka - 卡夫卡多个生产者写同一主题?
- node.js - 如何使用 Elasticsearch Node.js 客户端“摄取”base64 编码的文档/附件
- python - 在标签不完整的数据集上进行训练
- ios - 如何从 CALayer 中的图像中减去形状?
- c# - 从 SQL 获取数据后,如何在组合框中添加新项目?
- excel - 多个条件的 SUM(if) 函数 + 动态的日期/时间
- python - 在不持久的任务中完成的模型更改
- python - “flask_bootstrap.Bootstrap 对象”没有属性“load_css”