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

Question

控制台截图

我需要将img标记中的src =“映像/3d.jpg”和id =“test1 1-image”更改为其他值“image/2d.jpg”和“Clon-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一样，但文档是网页，所以您可以查询所有内容。