Javascript 在没有图像id的情况下更改odoo中span标记中的图像

我需要更改鼠标上方的图片。 我在商店的“产品”选项卡中的“odoo”中有以下代码：

<span data-oe-model="product.template" data-oe-id="2" data-oe-field="image_1920" data-oe-type="image" data-oe-expression="product.image_1920" class="d-flex h-100 justify-content-center align-items-center"><img src="/web/image/product.template/2/image_256/A4Tech%20Bloody%20V8M?unique=0a360e4" class="img img-fluid" alt="A4Tech Bloody V8M"/></span>

产品之间唯一的变化是data-oe-id。问题是，只有span标签（图像在其中）有一些合理的id。但图像没有。所以，我想我不能使用getelementbyid

附加问题-如果我使用的是odoo，并且它是一个新模块，那么如何从数据库中提取gif名称。另外，如果可能的话，我如何从odoo模块调用javascript函数。

HTML（仅更改图像）：

let image=document.querySelectorAll（'span[data oe id=“2”]img'）；
图像[0]。addEventListener（“鼠标悬停”，函数（事件）{
event.target.src=”https://via.placeholder.com/100x100?text=2";
}，假）
只有span标记（图像在其内部）具有某个合理的id您显示的span没有
id
@connexo
数据oe id
是id