javascript - 在 getElementById 中添加多个 id

标签 javascript getelementbyid

<分区>

如何使用这个带有多个 ID 的脚本?不适用于我尝试添加的第二个 ID

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

最佳答案

您可以使用 querySelectorAll 通过 ID 选择许多项目:

var items = document.querySelectorAll('#id2, #id3, #id5');

for (var i = 0; i < items.length; i++)
{
  items[i].onclick = function() { 
    this.innerText = this.innerText + '!';
  };
}
2, 3, 5 are working:

<p id="id1">I am 1</p><p id="id2">I am 2</p><p id="id3">I am 3</p><p id="id4">I am 4</p><p id="id5">I am 5</p>

但是,创建一个公共(public)类听起来要好得多。

关于javascript - 在 getElementById 中添加多个 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33798707/

相关文章:

javascript - 使用 jQuery 解析对象的 JSON 数组

JavaScript getElementById 返回 null

javascript - 如何从 getelementbyid 在 javascript 中写入变量

javascript - 如何访问嵌套数组/对象并过滤数组的非空元素,如 NaN,null,0

javascript - Angular 路由器。如何使用不同的参数导航到当前 URL?

javascript - LeafletJS,无法将弹出窗口绑定(bind)到第二个标记

javascript - Node.js:管道流到响应在 HTTPS 上卡住

c# - WebBrowser 控件和通过 ID 获取元素

javascript - 如何使 onclick 函数更改两个图像的 src

javascript - 从宽度 : 100%; to width: 1000 px; when <1000px (Javascript) 更改 div