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

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐