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

-6

我将在一张桌子上工作，并希望用不同的img src图标更改一列。如何更改具有相同ID的所有元素javascript/html？

这里是我的示例代码：

的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。我该如何改变它们？

来源

2017-07-31 kreatusJohn

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

来源

2017-07-31 09:24:19

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

回答

相关问题