So richten Sie das img-Element in JavaScript ein, um img src zu ändern.So targetieren Sie ein untergeordnetes Element in JavaScript
<body>
\t <div class="cover">
\t \t <img src="img.jpg" width="60" height="60">
\t </div>
</body>
So richten Sie das img-Element in JavaScript ein, um img src zu ändern.So targetieren Sie ein untergeordnetes Element in JavaScript
<body>
\t <div class="cover">
\t \t <img src="img.jpg" width="60" height="60">
\t </div>
</body>
element.querySelector('img')
können auch Sie dort ankommen.
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>
document.querySelector(".cover img").src = "/test/test.jpg";
besuchen Sie bitte HTML DOM querySelector() Method für weitere Informationen (Kompatibilität, ...)
Zuerst übergeordnete Klasse wählt und dann, dass Ihr Kind Element wählen verwenden.
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";
Wenn Sie nicht möchten, dass ältere Browser unterstützen Sie mit mit document.querySelector tun können:
document.querySelector(".cover img").setAttribute("src", "anotherimage.png");
Und was haben Sie versucht, bevor hierher zu kommen? – Mritunjay
Dies ist eine wirklich grundlegende Frage, sollten Sie versuchen, es zuerst zu googeln. – pmrotule