Question

如何在JavaScript中定位img元素以更改img src。

<body>
	<div class="cover">
		<img src="img.jpg" width="60" height="60">
	 </div>
</body>

Answer 1

document.querySelector(".cover img").src = "/test/test.jpg";

请访问HTML DOM querySelector() Method了解更多信息（兼容性，......）

Answer 2

element.querySelector('img')也可以帮助你。

var cover = document.getElementsByClassName('cover')[0],
    img   = cover.querySelector('img');
img.src = 'http://placehold.it/60x60';

<div class="cover">
    <img src="img.jpg" width="60" height="60">
</div>

Answer 3

首先选择你的父类，然后使用它选择你的子元素。

var a = document.querySelector(".cover");
var b = a.querySelector("img");
b.style.width = "500px";
b.style.height = "500px";
b.src = "https://source.unsplash.com/category/nature";

Answer 4

如果您不想支持旧版浏览器，可以使用 document.querySelector ：

document.querySelector(".cover img").setAttribute("src", "anotherimage.png");

如何在JavaScript中定位子元素

4 个答案: