在父div內更改img的src和id值-純JS

Question

控制台屏幕截圖

我需要將img標簽中的src =“ images / 3d.jpg”和id =“ test1-image”更改為其他值“ images / 2d.jpg”和“ cloned-test1-image”。

我試圖這樣做：

var slikica = document.getElementById(cloned-test1);
slikica.setAttribute('src', images/2d.jpg);

但這會將src標記添加到我的父div中，而不是更改img的src值。

Answer 1

var imageParent = document.getElementById('cloned-test1');
var image = imageParent.querySelector('img')
image.id = '"clone-test1-image';
image.src = 'images/2d.jpg';
// if you want to change the parent id too
imageParent.id = 'my-new-parent-id';

您需要從查詢的父元素中選擇子元素，您可以通過多種方式執行此操作，例如getElementsByTagName ， querySelector或getElementsByClassName您可以直接通過屬性更改ID。 唯一的區別是，它僅搜索給定節點的祖先。 與document相同，但文檔是網頁，因此您可以查詢所有內容。