2017-07-31 11 views
-6

私はテーブルで作業していて、別のimg srcアイコンで1つの列を変更したいと考えています。同じ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を変更します。 どうすれば変更できますか?

答えて

-1

サンプルページに複数のサンプルIDを使用することはできません。idの代わりにclassを使用することをお勧めします。

あなたはここでは例を見ることができます: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> 
関連する問題