首页 > 解决方案 > 您可以选择多个 ID 吗?

问题描述

<p class="Links" onclick="window.location.href = 'file:///C:/Users/Dell/Desktop/Online%20Store.html#Residential'; document.getElementById('residence1, residence2, residence3').style.display='block'; document.getElementById('Commercial').style.display='none';">
Residential
</p>

我正在尝试,但我无法使用此方法选择多个 id。我的方法是对还是错?

标签: javascripthtml

解决方案


我假设你指的是这段代码:

document.getElementById('residence1, residence2, residence3').style.display='block'

您可以选择多个元素,.querySelectorAll()这些元素将返回一个可以迭代的节点列表.forEach()

因此,对于您的示例,您可以执行以下操作:

document.querySelectorAll('#residence1', '#residence2', '#residence3').forEach(el => el.style.display='block')

推荐阅读