问题描述:Javascript在页面上显示/隐藏多个实例-无法更改ID
回答: 在页面上显示/隐藏多个实例的问题可以通过使用class属性来解决,而不是使用ID属性。以下是解决该问题的步骤:
<div class="instance">实例1</div>
<div class="instance">实例2</div>
<div class="instance">实例3</div>
.instance {
display: none;
}
// 获取所有具有相同class属性的元素
var instances = document.getElementsByClassName("instance");
// 循环遍历每个实例
for (var i = 0; i < instances.length; i++) {
// 检查实例的显示状态
if (instances[i].style.display === "none") {
// 如果实例是隐藏的,则显示它
instances[i].style.display = "block";
} else {
// 如果实例是显示的,则隐藏它
instances[i].style.display = "none";
}
}
这样,无论有多少个实例,都可以通过使用相同的class属性来显示/隐藏它们,而不需要更改ID属性。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云