js获取html中的img标签,图片标签,提取src属性并替换操作
要在JavaScript中获取HTML中所有的<img>
标签,提取它们的src
属性,并进行替换操作,可以使用document.querySelectorAll
方法来选择所有的<img>
元素,然后遍历它们以获取和设置src
属性。以下是一个简单的例子:
// 选择页面上所有的<img>元素
const images = document.querySelectorAll('img');
// 遍历这些图片
images.forEach(function(image) {
// 获取当前图片的src属性
const currentSrc = image.getAttribute('src');
// 这里可以进行src的替换操作
// 例如,将所有的图片源替换为其他地址
const newSrc = currentSrc.replace('旧地址', '新地址');
// 设置新的src属性
image.setAttribute('src', newSrc);
});
在这个例子中,我们使用了String.prototype.replace
方法来替换图片源中的某个部分。你可以根据需要修改为其他的替换逻辑。
评论已关闭