这段代码会遍历传递的数据中的img元素,清除img元素的宽度,并设置img元素的最大宽度为100%。然后,您可以获取处理后的文章内容并进行进一步操作。请确保在代码执行之前,DOM已经加载完毕,并且传递的数据中包含正确的img元素。
JS代码
// 找到具有特定 ID 的元素
const element = document.getElementById("text");
// 找到这个元素下的所有 p 标签
const paragraphs = element.getElementsByTagName("p");
// 在这些 p 标签中找到 img 标签
const images = [];
for (let i = 0; i < paragraphs.length; i++) {
const imgs = paragraphs[i].getElementsByTagName("img");
for (let j = 0; j < imgs.length; j++) {
images.push(imgs[j]);
// 为发现的 img 标签设置样式
imgs[j].style.width = "initial"; // 去除原本的宽度限制
imgs[j].style.maxWidth = "100%"; // 设置最大宽度
imgs[j].style.height = "auto"; // 确保保留原始纵横比
imgs[j].style.objectFit = "contain"; // 缩放并保持原始纵横比
img[j].removeAttribute('height'); //去除高度
}
}