剛來公司的時候領導給分配的都是一些簡單的簡單的簡單的。 。 。 。 。任務
一次叫我把文章的字體大小變換功能寫出來。在網路上搜了很多都不管用!不過功夫不負有心人還是被我找到了!拿出來分享下!
複製代碼代碼如下:
<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;
為 (var i = 0; i<divChildBody.length;i++){
If(divChildBody[i].nodeType==1){
divChildBody[i].style.fontSize=size+”px”;
}
}
}
</script>
html部分
複製代碼代碼如下:
【字號:<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">
文章內容
</div>