如何在JavaScript中定位子元素

-4

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

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

來源

2016-07-06 Séan Lionel

你是怎麼來這裏之前嘗試一下呢？ – Mritunjay

這是一個非常基本的問題，您應該先嚐試Google。 – pmrotule

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>

來源

2016-07-06 06:20:05

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

請訪問HTML DOM querySelector() Method瞭解更多信息（兼容性，...）

來源

2016-07-06 06:20:47

首先選擇你的父類，然後使用該選擇子元素。

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";

來源

2016-07-06 06:21:20 frnt

如果你不希望支持舊版瀏覽器，你可以做與document.querySelector：

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

來源

2016-07-06 06:22:47 einherjer

如何在JavaScript中定位子元素

回答

相關問題