javascript - GetElementById 有其他选择吗？

Question

好的，我是 JavaScript 的新手，所以我真的需要帮助。我有一个脚本，看起来像这样:

  var p = new Ping();

  p.ping("http://bf3.in", function(data) {
    document.getElementById("ping").innerHTML = data;
  });

 ............. some code goes here ........

<td id = 'ping'>line 1</td>
<td id = 'ping'>line 2</td>

我的问题是有多个标签想要使用这个函数，但我只能在一个标签上使用 id="ping"，所以我需要一个 getElementById 的替代方法，一个允许我使用多个标签的方法.

----------------更新------------------------

这是我的完整代码 http://bf3.in/ping.txt实际上我正在托管一些游戏服务器，因此需要 ping serevr ip。这是客户端登录的地方 http://bf3.in/launcher/login.php用户名:朱诺密码:朱诺谢谢:)

Answer 1

你可以使用 getElementsByTagName , querySelectorAll()或者你可以使用 getElementsByClassName

注意，所有这些都将返回一个节点列表。因此，如果您将 getElementById 替换为其中任何一个，将无法正常工作。你必须做这样的事情

p.ping("http://bf3.in", function(data) {
   document.querySelectorAll(".ping").forEach(function(element){
      element.innerHTML = data;
})
});
<td class='ping'>line 1</td>
<td class='ping'>line 2</td>

假设您正在努力实现这样的目标。