开发背景:需要设置调整富文本里的字体大小。

1、实现代码:

// el - 要设置字体的最外层元素,size - 字体大小,单位px
function setFontSize (el, size) {
  // 获取元素el下的所有元素nodes
  const nodesObj = el.getElementsByTagName("*")
  const nodes = Object.values(nodesObj)
  nodes.forEach(node => {
    node.style.fontSize = size + "px"
  })
}

2、使用示例:

const el = document.getElementById("UCAP-CONTENT")
// id为UCAP-CONTENT的元素下所有字体大小设置为18px
setFontSize(el, 18)

在富文本外加一层div,将该div作为参数el调用上面的setFontSize()即可。

记录于2022-2-25

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐