html+js点击大中小按钮设置文章内容字体大小

2022-07-09 0 4,793

前言

html+js点击大中小按钮设置文章内容字体大小

实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”http://www.softwhy.com/” />
<title>于飞SEO前端实例</title>
<script type=”text/javascript”>
function SetFont(size){
var divBody=document.getElementById(“news_content”);
if(!divBody){return;}
divBody.style.fontSize=size+”px”;
var divChildBody=divBody.childNodes;
for(var i=0;i<divChildBody.length;i++){
if(divChildBody[i].nodeType==1){
divChildBody[i].style.fontSize = size + “px”;
}
}
}
</script>
</head>
<body>
字号:
<a href=”javascript:SetFont(18)”>大</a>
<a href=”javascript:SetFont(14)”>中</a>
<a href=”javascript:SetFont(10)”>小</a>
<div style=”font-size:14px;” id=”news_content”>主题先生模板站</div>
</body>
</html>

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

主题先生免责声明
1、本站所有模板素材资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。
2、主题先生作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益。
3、非平台线上交易的项目,出现任何后果均与主题先生无关;无论卖家以何理由要求线下交易的,请联系管理举报。
注意事项
1、本站所有素材资源均来自用户分享和发布,大部分未经测试可用,并不保证百分百无误及完整。
2、素材资源仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
3、主题先生会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全。
4、主题先生无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别。

主题先生 站长学院 html+js点击大中小按钮设置文章内容字体大小 https://www.mrtheme.cn/1002.html

主题先生(认证开发者)

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务