使用javascript时可以选择多个ID吗?

问题描述 投票:1回答:1
                    <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。我的方法正确还是错误?快速需要帮助,因此请快速回答我的问题。非常感谢

html css
1个回答
0
投票

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"));
© www.soinside.com 2019 - 2024. All rights reserved.