You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无HTML编辑权限,如何用getElementsByClassName修改图片src?

修改图片src的JavaScript实现方案

针对无法编辑HTML或为img添加id的情况,可以通过以下JavaScript代码修改目标图片的src属性:

方法1:链式选择直接修改

直接通过CSS选择器定位到目标img元素,一步完成src修改:

document.querySelector('.logodiv img').src = 'logowebnew.gif';

方法2:分步定位(更易维护)

如果需要后续复用元素引用,可拆分步骤操作:

// 定位包含图片的父容器
const logoContainer = document.querySelector('.logodiv');
// 获取容器内的img元素
const targetImg = logoContainer.querySelector('img');
// 更新图片地址
targetImg.src = 'logowebnew.gif';

特殊场景处理

如果页面存在多个带logodiv类的容器,需要批量修改所有对应图片的src,可使用遍历方式:

document.querySelectorAll('.logodiv img').forEach(img => {
  img.src = 'logowebnew.gif';
});

内容的提问来源于stack exchange,提问作者Hardi Basalim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 01:45:36