从后端获取的富文本图片无法控制样式（图片等）

最新推荐文章于 2022-06-28 12:00:09 发布

lizzz～

最新推荐文章于 2022-06-28 12:00:09 发布

阅读量337

点赞数

分类专栏：笔记文章标签： javascript vue.js node.js

本文链接：https://blog.youkuaiyun.com/rmmm_e/article/details/118328985

版权

笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在前端获取富文本中的图片，并对其进行样式控制的方法。通过在updated生命周期函数中选择所有图片元素并修改其宽度和边距，实现了对图片样式的统一调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从后端获取的富文本图片无法控制样式（图片等）

解决

//在该生命周期函数中
updated() {
  let img = document.querySelectorAll("img");//获取所有图片
  for (let i = 0; i < img.length; i++) {
   const element = img[i];
   //添加样式
   element.style.width = "50%";
   element.style.margin = "5px 0px";
  }
}