如何通过Javascript选择图像src

我有如下HTML：

<div class="h5p-image">
  <img src="localhost/images/file-5fa55a3d758c4.jpg" alt="New image" title="" style="width: 100%; height: 100%;">
</div>

var list= document.querySelectorAll('.h5p-image > img').src = "file-5fa55a3d758c4.jpg";
var i;
for (i = 0; i < list.length; i++) {
  list[i].style.width = "300px";
}

有人能帮我吗？

你的名单是

var list=document.querySelectorAll（'.h5p image>img'）

或

var list=document.queryselectoral（'.h5p image>img[src$=“5fa55a3d758c4.jpg]”）

（使用以结尾）

假设您有多个具有该图像的div

因此，代码很可能是这种样式的div

[...document.querySelectorAll('.h5p-image > img[src$="5fa55a3d758c4.jpg"]')]
.forEach(img => img.closest("div").style.width = "300px");

或者，这只是样式的形象

[...document.querySelectorAll('.h5p-image > img[src$="5fa55a3d758c4.jpg"]')]
.forEach(img => img.style.width = "300px");

或者如果只有一个图像

document.querySelector('.h5p-image > img').style.width = "300px"

[…document.querySelectorAll（'.h5p image>img[src$=“758c4.jpg”]]
.forEach（img=>img.style.width=“300px”）
谢谢，我从控制台收到此错误“未能在‘文档’上执行‘queryselectoral’：”。h5p image>img[src*=file-5fa55a3d758c4.jpg]”不是有效的选择器。“仍然，“未能在‘文档’上执行‘queryselectoral’：”。h5p image>img[src$=5fa55a3d758c4.jpg]”不是有效的选择器。”
document.querySelector('.h5p-image > img').style.width = "300px"