我的想法是这样的。
html代码:
<select onchange="changeFont(this)">
<option>11px;</option>
......
</select>
javascript 代码:
function changeFont(e){
var px= document.getElementsById(e.id);
var eles= document.getElementsByTagName("*");
for (var i = 0; i < eles.length; i++) {
eles[i].style.fontSize=px.value;
}
}
----------------这样做的问题-----------------------------
如果使用这样的方法 造成的问题是:
每当用户点击一个操作,页面中出现了新的元素之后,新的元素仍然是以前的字体大小,跪求 解决方案啊 (!!0_0!!)
同意一楼方法,如果你实在找不出是谁覆盖了父元素的font-size,就把每个新的元素 加上样式不就行了
给总的box添加class样式
我在 总的 div总添加 font-size 设置还是没用。
求 demo。。。
@漫天de光: 不可能,肯定有用,要不就是你的其它元素的css把上层效果覆盖了。
getElementsById 写错了应该是 getElementById
获取字体大小的值用e.value
手写敲的 不要在意这些细节,我(-_-!!
代码如下:
<select onchange="changeFont(this)"> <option>11px</option> <option>15px</option> </select> <script> function changeFont(e){ var eles= document.getElementsByTagName("*"); for (var i = 0; i < eles.length; i++) { eles[i].style.fontSize=e.value; } } </script>