js改變文章字體大小的實(shí)例代碼
更新時(shí)間:2013年11月27日 15:10:23 作者:
這篇文章主要介紹了js改變文章字體大小的實(shí)例代碼,有需要的朋友可以參考一下
剛來公司的時(shí)候領(lǐng)導(dǎo)給分配的都是一些簡單的簡單的簡單的。。。。。任務(wù)
一次叫我把文章的字體大小變換功能寫出來。在網(wǎng)上搜了很多都不管用!不過功夫不負(fù)有心人還是被我找到了!拿出來分享下!
復(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ù)制代碼 代碼如下:
【字號(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)文章
JavaScript對象訪問器Getter及Setter原理解析
這篇文章主要介紹了JavaScript對象訪問器Getter及Setter原理解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12JavaScript中高級(jí)語法??表達(dá)式用法示例詳解
這篇文章主要為大家介紹了JavaScript中高級(jí)語法??表達(dá)式用法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)硪黄狫S字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03在網(wǎng)頁里看flash的trace數(shù)據(jù)的js類
我的js類jdhcn.js中的一個(gè)flashDebug方法2009-01-01解決JS內(nèi)存泄露之js對象和dom對象互相引用問題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對象和dom對象互相引用問題,需要的朋友可以參考下2017-06-06