JavaScriptで子要素をターゲットにする方法

-4

img srcを変更するには、JavaScriptでimg要素をターゲットに設定する方法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で子要素をターゲットにする方法

答えて

関連する問題