如何使用相同的IDs javascript/html更改所有元素？_Javascript_Html

如何使用相同的IDs javascript/html更改所有元素？

javascript html

如何使用相同的IDs javascript/html更改所有元素？,javascript,html,Javascript,Html,我将在一个表上工作，并希望用不同的img src图标更改一列以下是我的示例代码： Html 当我运行它时，它只会更改第一个实例的src。如何更改它们？您不能在示例页面上使用多个示例id，最好使用class而不是id 您可以在这里看到示例： JS-Bin div.mytext{ 颜色：红色； } $（文档）.ready（函数（）{ $（“#btn”）。单击（函数（）{ $（“div”）.addClass（'mytext'）； }); }); 更改所有div类你好你好你好 <im

我将在一个表上工作，并希望用不同的img src图标更改一列

以下是我的示例代码：

Html

当我运行它时，它只会更改第一个实例的src。

如何更改它们？

您不能在示例页面上使用多个示例id，最好使用

class

而不是

id

您可以在这里看到示例：


JS-Bin
div.mytext{
颜色：红色；
}
$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“div”）.addClass（'mytext'）；
});
});
更改所有div类
你好
你好
你好

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

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

<!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>