Javascript 在getElementById中添加多个ID

Javascript 在getElementById中添加多个ID,javascript,getelementbyid,Javascript,Getelementbyid,如何将此脚本与多个ID一起使用?无法处理我尝试添加的第二个id <script type="text/javascript"> window.onload = (function () { var elem = document.getElementById("id1","id2").onclick = function() { fbq('track', 'InitiateCheckout'); } }); </script> window.onload=(函数(){

如何将此脚本与多个ID一起使用?无法处理我尝试添加的第二个id

<script type="text/javascript">
window.onload = (function () {
var elem = document.getElementById("id1","id2").onclick = function()
{
fbq('track', 'InitiateCheckout');
}
});
</script>

window.onload=(函数(){
var elem=document.getElementById(“id1”、“id2”).onclick=function()
{
fbq(‘轨道’、‘发起人’);
}
});

getElementById只接受一个参数,即要选择的元素的id。您不能向id传递多个id

有关这方面的更多文档,请查看

如果要选择多个元素并将同一事件处理程序附加到它们,可以使用另一种方法

首先,您必须向它们中的每一个添加相同的类,例如js classname

然后,您可以使用方法
getElementsByClassName
选择它们。此方法将向您返回一个类似数组的对象,该对象包含指定类的所有元素


如果您需要有关此项的更多信息,请查看。

您可以使用
querySelectorAll
根据其ID选择许多项目:

var items=document.querySelectorAll('id2,'id3,'id5');
对于(变量i=0;i
2、3、5正在工作:

我是1

我是2

我是3

我是4

我是5

getElementById只接受一个id,但您可以这样做来选择多个元素:

document.querySelectorAll('#id1, #id2');
…但不应使用它为每个元素创建事件侦听器。最好为整个文档创建一个事件侦听器,例如:

document.addEventListener('click', handleClickEvents, false);

function handleClickEvents(evt) {
    myEventTarget = event.target;

    if (myEventTarget.id === 'id1') {

    } else if (myEventTarget.id === 'id2) {

    }
}

…或者更好,使用React或Angular之类的框架。

如果您否决某项投票,请说明原因,我很乐意改进我的答案。您的代码的第一行是错误的。我的错误,修复了它。当然,您需要ID的哈希标记。这完美地解决了我的问题!