<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。我的方法正确还是错误?快速需要帮助,因此请快速回答我的问题。非常感谢
document.getElementById()
一次仅支持一个名称,并且仅返回单个节点而不是节点数组。您有几种不同的选择:
您可以实现自己的函数,该函数需要多个ID并返回多个元素。您可以使用document.querySelectorAll()来指定CSS选择器字符串中的多个ID。您可以在所有这些节点上放一个通用的类名,并使用document.getElementsByClassName()
和一个类名。每个选项的示例:
doStuff(document.querySelectorAll("#myCircle1, #myCircle2, #myCircle3, #myCircle4"));
or:
// put a common class on each object
doStuff(document.getElementsByClassName("circles"));
or:
function getElementsById(ids) {
var idList = ids.split(" ");
var results = [], item;
for (var i = 0; i < idList.length; i++) {
item = document.getElementById(idList[i]);
if (item) {
results.push(item);
}
}
return(results);
}
doStuff(getElementsById("myCircle1 myCircle2 myCircle3 myCircle4"));