如何更改具有相同ID的所有元素javascript/html?
问题描述:
我将在一张桌子上工作,并希望用不同的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。 我该如何改变它们?
答
您不能在样本页面上使用多个样本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>