如何更改具有相同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？

回答

相關問題