js改變文章字體大小的實例代碼
更新時間：2013年11月27日 15:10:23 作者：
這篇文章主要介紹了js改變文章字體大小的實例代碼，有需要的朋友可以參考一下
剛來公司的時候領(lǐng)導(dǎo)給分配的都是一些簡單的簡單的簡單的。。。。。任務(wù)
一次叫我把文章的字體大小變換功能寫出來。在網(wǎng)上搜了很多都不管用！不過功夫不負有心人還是被我找到了！拿出來分享下！
復(fù)制代碼 代碼如下:
<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>
html部分
復(fù)制代碼 代碼如下:
【字號：<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】
<div style="font-size:14px;" id="news_content">
文章內(nèi)容
</div>
相關(guān)文章
在前端JS中，有著多種數(shù)組循環(huán)的方式：for循環(huán)；while和do-while 循環(huán)；forEach、map、reduce、filter循環(huán)；for-of循環(huán)；for-in 循環(huán)；那么哪種循環(huán)的執(zhí)行速度最快呢，我們今天來看一看。2021-05-05
JavaScript對象訪問器Getter及Setter原理解析
這篇文章主要介紹了JavaScript對象訪問器Getter及Setter原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-12-12
這篇文章主要為大家介紹了JavaScript中高級語法??表達式用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)硪黄狫S字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
在網(wǎng)頁里看flash的trace數(shù)據(jù)的js類
我的js類jdhcn.js中的一個flashDebug方法2009-01-01
今天發(fā)現(xiàn)chrome還是有一些獨一無二的東西，基于它們，我們就可以搞出基于特征的判定了。2010-03-03
這篇文章主要為大家詳細介紹了如何利用css+原生js制作簡單的鐘表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要為大家介紹了Fuse.js模糊查詢算法學(xué)習(xí)指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
解決JS內(nèi)存泄露之js對象和dom對象互相引用問題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對象和dom對象互相引用問題,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)之使用云函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05