javascript - 更改 div 内所有元素的字体大小

Question

我有以下页面，其中有一个 div 菜单。在菜单里面我们可以有<table> , <p> , <h> .不同的元素例如:

<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, hellooo, hiii, 123 这是测试。我可以使用 jquery 或 javascript 更改所有文本吗？

Answer 1

是的，你可以使用 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>