<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ù)制代碼代碼如下:

【字號(hào)：<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中你不知道的各種循環(huán)測(cè)速
在前端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í)行速度最快呢，我們今天來(lái)看一看。
2021-05-05
JavaScript對(duì)象訪問(wèn)器Getter及Setter原理解析
這篇文章主要介紹了JavaScript對(duì)象訪問(wèn)器Getter及Setter原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-12-12
JavaScript中高級(jí)語(yǔ)法??表達(dá)式用法示例詳解
這篇文章主要為大家介紹了JavaScript中高級(jí)語(yǔ)法??表達(dá)式用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)?lái)一篇JS字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-03-03
在網(wǎng)頁(yè)里看flash的trace數(shù)據(jù)的js類
我的js類jdhcn.js中的一個(gè)flashDebug方法
2009-01-01
js chrome瀏覽器判斷代碼
今天發(fā)現(xiàn)chrome還是有一些獨(dú)一無(wú)二的東西，基于它們，我們就可以搞出基于特征的判定了。
2010-03-03
利用css+原生js制作簡(jiǎn)單的鐘表
這篇文章主要為大家詳細(xì)介紹了如何利用css+原生js制作簡(jiǎn)單的鐘表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
Fuse.js模糊查詢算法學(xué)習(xí)指南
這篇文章主要為大家介紹了Fuse.js模糊查詢算法學(xué)習(xí)指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問(wèn)題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問(wèn)題,需要的朋友可以參考下
2017-06-06
微信小程序云開發(fā)之使用云函數(shù)
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之使用云函數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05