html中如何用js实现，把设置字体大小的权利交给用户。

Question

我的想法是这样的。

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;
             }

    }

----------------这样做的问题-----------------------------

如果使用这样的方法 造成的问题是：

      每当用户点击一个操作，页面中出现了新的元素之后，新的元素仍然是以前的字体大小，跪求  解决方案啊 

Answer 1

同意一楼方法，如果你实在找不出是谁覆盖了父元素的font-size，就把每个新的元素 加上样式不就行了

Answer 2

getElementsById 写错了应该是&nbsp;getElementById获取字体大小的值用e.value