Question

我将在一张桌子上工作，并希望用不同的img src图标更改一列。

这是我的示例代码：

HTML

<img src="" id="mytext">
<img src="" id="mytext">
<img src="" id="mytext">

的Javascript

var test = "https://www.datatables.net/media/images/nav-dt.png";
document.getElementById("mytext").src = test;

当我运行它时，它只更改第一个实例的src。我怎么能改变它们呢？

Answer 1

您无法在示例页面上使用多个示例ID，最好使用class代替id。

您可以在此处查看示例：Demo

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <style>
    div.mytext{
      color:red;
    }
  </style>
  <script>
    $(document).ready(function(){
       $("#btn").click(function() {
         $("div").addClass('mytext');
      });
    });
  </script>
</head>
<body>
<button id="btn">Change All Divs Class</button>
<div id="content1">Hi</div>
<div id="content2">Hi</div>
<div id="content3">Hi</div>
</body>
</html>

如何更改具有相同ID javascript / html的所有元素？

1 个答案: