js改變文章字體大小的實(shí)例代碼
更新時(shí)間：2013年11月27日 15:10:23 作者：
這篇文章主要介紹了js改變文章字體大小的實(shí)例代碼，有需要的朋友可以參考一下
剛來公司的時(shí)候領(lǐng)導(dǎo)給分配的都是一些簡(jiǎn)單的簡(jiǎn)單的簡(jiǎn)單的。。。。。任務(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)文章
Kibo是一個(gè)簡(jiǎn)單的用于處理鍵盤事件的Javascript工具庫。2011-10-10
javascript實(shí)現(xiàn)簡(jiǎn)約的頁面右下角點(diǎn)擊彈出窗口示例【測(cè)試可用】
這篇文章主要介紹了javascript實(shí)現(xiàn)的頁面右下角點(diǎn)擊彈出窗口功能,結(jié)合實(shí)例形式詳細(xì)分析了javascript頁面右下角點(diǎn)擊彈出窗口功能的相關(guān)步驟、原理與注意事項(xiàng),需要的朋友可以參考下2023-07-07
兼容FF和IE的動(dòng)態(tài)table示例自寫
Js實(shí)現(xiàn)的動(dòng)態(tài)增加表格的文章有很多，但大多數(shù)都不兼容FF和IE，于是手寫了一個(gè)，經(jīng)測(cè)試效果還不錯(cuò)，特此與大家分享，感興趣的朋友不要錯(cuò)過2013-10-10
Ajax Blog 用到的幾個(gè)函數(shù)...2006-10-10
impress.js 是國(guó)外一位開發(fā)者受 Prezi 啟發(fā)，采用 CSS3 與 JavaScript 語言完成的一個(gè)可供開發(fā)者使用的表現(xiàn)層框架(演示工具)。感興趣的朋友跟著小編一起學(xué)習(xí)吧2015-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之使用云函數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
js省市聯(lián)動(dòng)效果完整實(shí)例代碼
這篇文章主要介紹了js省市聯(lián)動(dòng)效果完整實(shí)例代碼,涉及JavaScript數(shù)組的定義與遍歷技巧,代碼非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-12-12
下拉框想必大家都有見過，可編輯的下拉框就不多見了吧，本例為大家介紹個(gè)不錯(cuò)的實(shí)現(xiàn)方法，需要的朋友可以參考下2014-06-06
使用JavaScript刪除HTML元素的2種方法及3種情況
給定一個(gè)HTML元素，如何使用JavaScript從文檔中刪除該HTML元素,這篇文章主要給大家介紹了關(guān)于使用JavaScript刪除HTML元素的2種方法及3種情況,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法,以實(shí)例形式分析了JavaScript實(shí)現(xiàn)可關(guān)閉的半透明浮動(dòng)層相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10