比如我们把文章内容放在<div id=“neirong” class="entry">里面,想要通过点大中小来展示内容区文字大小,这时候如果仅仅使用document.getElementById(“neirong”).style.fontSize=“30px” 可能无法达到想要的效果
因为如果我们的内容是来自于后台编辑器,那么代码肯定不是很干净的,会有很多p,span而且这些p,span都有自己的行内样式,从优先级上来看,行内样式优先,所以这么写控制字体大小的代码是不对的,那么怎么解决:
<script language="javascript"> function setfont(size) { document.getElementById("artcon").style.fontSize = size; var ps = document .getElementById("artcon") .getElementsByTagName("span"); for (var i = 0; i < ps.length; i++) { ps[i].style.fontSize = size; } } </script> 字体: <a href="#" onclick="javascript:setfont('12px')">小</a> <a href="#" onclick="javascript:setfont ('18px');">中</a> <a href="#" οnclick="javascript:setfont('24px');">大</a> <div class="detail_con " id="artcon"><%=con_content %></div>
12345678910111213141516'