Javascript 更改div中所有元素的字体大小

我有下面的页面，其中有一个div菜单。在菜单中我们可以有

，

，

。不同的元素，例如：

<div id="menu">
 <p>abc def</p>
 <table>
  <tr><td>helloo </td><tr>
  <tr><td>hiii </td><tr>
 </table>
 <div id="sub"><p>123 this is test</p></div>
</div>

abc def

你好
hiii
这是测试

---

是否有一种方法可以更改菜单中元素之间所有文本的大小。例如：abc def，hellooo，hiii，123这是测试。我可以用jquery或javascript更改所有文本吗？

你可以用css：

#menu {
   font-size: XXX;
}

---

是的，您可以使用JavaScript和/或jQuery来做您想做的事情，但是为什么不像建议的那样使用CSS呢

或者您可以尝试以下方法：

<Style>
    /*Assumed everything is inheriting font-size*/
    #menu{
      font:12px;
    }
    /* Force all children to have a specified font-size */
    #menu *{
      font:14px;
    }
</style>

<script>
    //JavaScript
    document.getElementById('menu').style.fontSize = "14px";
    //jQuery
    $("#menu").css({'font-size':'14px'});

</script>

/*假设所有内容都继承了字体大小*/
#菜单{
字体：12px；
}
/*强制所有子项具有指定的字体大小*/
#菜单*{
字体：14px；
}
//JavaScript
document.getElementById（'menu'）.style.fontSize=“14px”；
//jQuery
$（“#菜单”）.css（{'font-size'：'14px'}）；

看看这个：

希望这有帮助：）

jQuery示例

$('#menu').nextAll().css('font', '14px');

var VINCI={}；
VINCI.第页={
init:function（）{
this.initFontResize（）；
},
initFontResize:函数（）{
变量容器=$（'菜单，'子'）；
var originalFontSize=parseFloat（container.css（'font-size'），10）；
变量大小_级别=0；
var最大大小等级=5；
变量大小变化步长=1.4；
函数calculateFontSize（）
{
返回originalFontSize+（大小\级别*大小\更改\步骤）；
}
//增加字体大小
$（'.increaseFont'）。单击（函数（）{
if（尺寸等级<最大尺寸等级）{
大小_级++；
container.stop（）.animate（{'font-size'：calculateFontSize（）}）；
}
返回false；
});
//减小字体大小
$（'.decreaseFont'）。单击（函数（）{
如果（大小\级别>0）{
大小_级--；
container.stop（）.animate（{'font-size'：calculateFontSize（）}）；
}
返回false；
});
};
VINCI.Page.init（）；

#menu{font size:14px；}#sub{font size:12px；}我在下面给出了一个jQuery/JS的例子，但是现在我们需要知道这是什么时候发生的。因为如果是页面加载，你应该只使用CSS文档，因为它需要较少的处理。如果是“事件”，那么事件是什么时候发生的？

  var VINCI = {};

 VINCI.Page = {

init : function() {
    this.initFontResize();
},

initFontResize : function() {
    var container = $('#menu, #sub');
    var originalFontSize = parseFloat(container.css('font-size'), 10);

    var size_level = 0;
    var maximum_size_level = 5;
    var size_change_step = 1.4;

    function calculateFontSize()
    {
        return originalFontSize + (size_level * size_change_step);
    }

      // Increase Font Size
      $('.increaseFont').click(function(){
        if (size_level < maximum_size_level) {
           size_level++;
           container.stop().animate({'font-size' : calculateFontSize()});
        }
        return false;
      });

      // Decrease Font Size
    $('.decreaseFont').click(function(){
          if (size_level > 0) {
           size_level--;
           container.stop().animate({'font-size' : calculateFontSize()});
        }
        return false;
    });

 };

VINCI.Page.init();