Javascript 如何更改 HTML答案

【问题标题】：Javascript How Can Change HTMLJavascript 如何更改 HTML
【发布时间】：2018-03-24 22:01:31
【问题描述】：

我有这个 HTML 项目。

<div class="inner" id="durum260" style="display: block;"><img src="/Content/plugins/images/teslim_edildi.png"></div>

这个功能是有效的。

$('#durum260').hide();
$('#durum260').show();

如何用 JS 更改底部代码？

<img src="/Content/plugins/images/teslim_edildi.png"></div>

到

<img src="/Content/plugins/images/new_image.png"></div>

【问题讨论】：

【解决方案1】：

document.getElementById('drum260').firstChild.src = "/Content/plugins/images/new_image.png";

【讨论】：

【解决方案2】：

const img = document.querySelector('#durum260 > img');
img.src = img.src.replace('teslim_edildi', 'new_image');

【讨论】：

【解决方案3】：

虽然其他答案已经正确指定了在您的特定代码示例中更改图像的src 属性的方法，但我建议将id 属性添加到图像元素并使用document.getElementById() 定位它。

这将在您的 DOM 树发生变化时保护您。例如，如果您向<div> 添加另一个图像，则您要更改src 属性的图像可能不再是第一个图像，因此您最终会在错误的图像上更改src。

同样，如果您将任何其他 HTML 元素添加到图片之前的 <div>，它就不再是第一个子元素。

【讨论】：