js控制文章内容字体大小

发布时间:2024-12-12 07:36

根据文章内容选择合适的字体颜色和背景对比度。 #生活技巧# #数码产品使用技巧# #平板阅读技巧#

最新推荐文章于 2024-01-02 14:04:58 发布

cathy18c 于 2019-11-06 10:31:43 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY 版权协议,转载请附上原文出处链接和本声明。

比如我们把文章内容放在<div id=“neirong” class="entry">里面,想要通过点大中小来展示内容区文字大小,这时候如果仅仅使用document.getElementById(“neirong”).style.fontSize=“30px” 可能无法达到想要的效果
因为如果我们的内容是来自于后台编辑器,那么代码肯定不是很干净的,会有很多p,span而且这些p,span都有自己的行内样式,从优先级上来看,行内样式优先,所以这么写控制字体大小的代码是不对的,那么怎么解决:

<script language="javascript"> function setfont(size) { document.getElementById("artcon").style.fontSize = size; var ps = document .getElementById("artcon") .getElementsByTagName("span"); for (var i = 0; i < ps.length; i++) { ps[i].style.fontSize = size; } } </script> 字体: &nbsp;<a href="#" onclick="javascript:setfont('12px')">小</a>&nbsp;&nbsp;<a href="#" onclick="javascript:setfont ('18px');">中</a>&nbsp;&nbsp;<a href="#" οnclick="javascript:setfont('24px');">大</a> <div class="detail_con " id="artcon"><%=con_content %></div>

12345678910111213141516'

网址:js控制文章内容字体大小 https://www.yuejiaxmz.com/news/view/450596

上一篇:gradle

相关内容

JS如何实现远程控制:一步步教你掌握技术远程控制是指通过网络等远距离通讯手段控制另一设备的操作行为。在现实生活中,随着物
利用剪切板JS API优化输入框的粘贴体验 « 张鑫旭
深入了解JS的Number类型
JS使用setInterval计时器实现挑战10秒
JS 中可以提升幸福度的小技巧本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 感
JS文档和Demo自动化生成工具
JS 整理的答疑
HTML+css+js学习安排日程day01
第三章:内部控制要素之一——控制环境
微信小程序常用控件汇总

随便看看