网站架构思维导图,计算机网页设计专业学什么,免费视频模板网站,广告设计怎么接单在项目中#xff0c;我们常常会遇到使用v-html渲染文本的情况。
如果需要点击大中小三个字号按钮#xff0c;需要修改字体的大小。那我们应该怎么做呢
function fontSize(element, type) {let size {big: 22,middle: 16,small: 12};var result element.innerHTML.replac…在项目中我们常常会遇到使用v-html渲染文本的情况。
如果需要点击大中小三个字号按钮需要修改字体的大小。那我们应该怎么做呢
function fontSize(element, type) {let size {big: 22,middle: 16,small: 12};var result element.innerHTML.replace(/font-size:(\s*\d(?:\.\d)?)px\s*(;*)/gi, function () {return font-size: (size[type] || 16) px;;});element.innerHTML result;element.style.fontSize ${size[type] || 16}px;
}使用
changeSize(big)
changeSize(middle)
changeSize(small)
