js实现字体大小设置

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

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