更改父级 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 而不是改变 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';

您需要从您查询的父元素中 select 子元素，您可以通过多种方式做到这一点，例如 getElementsByTagName、querySelector 或 getElementsByClassName 您可以直接通过属性更改 id。唯一的区别是它只搜索给定节点的祖先。与 document 相同，但文档是网页，因此您可以查询所有内容。

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

Change src and id values for img inside parent div - pure JS

javascript

attributes

image

src