在父div中更改img的src和id值 - 纯JS

Question

console screenshot

我需要在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而不是chaning src值img。

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相同但文档是网页，因此您可以查询外包。