如何用JavaScript修改指定div元素内的图片src属性？

嘿，这个需求很容易实现～既然你已经在用jQuery操作这个durum260元素的显示隐藏了，那修改里面图片的路径可以直接沿用jQuery的写法，当然也可以用原生JavaScript来完成，我给你两种实用方案：

方案一：使用jQuery（贴合你现有代码风格） #

直接通过选择器定位到目标div下的img标签，然后用attr()方法修改它的src属性即可：

$('#durum260 img').attr('src', '/Content/plugins/images/new_image.png');

简单解释下：$('#durum260 img')精准选中了id为durum260的div内部的img元素，.attr('src', 新路径)就是给这个img元素替换上新的图片路径。

方案二：原生JavaScript实现 #

如果你的项目不想依赖jQuery，用原生JS也能轻松搞定：

// 先获取目标div
const targetDiv = document.getElementById('durum260');
// 找到div里的img元素
const targetImg = targetDiv.querySelector('img');
// 修改图片路径
targetImg.src = '/Content/plugins/images/new_image.png';

嫌步骤多的话，也可以写成一行：

document.getElementById('durum260').querySelector('img').src = '/Content/plugins/images/new_image.png';

两种方法都能达到你想要的效果，选你更顺手的就行～

内容的提问来源于stack exchange，提问作者Geomatik Mühendisi