Javascript 如何通过分区嵌套使字体大小变小？

我有一个

在DOM中递归，并从16px开始将每个级别调整-2px。或者，您可以使用与深度和字体大小相关的对象替换递减的级别。此外，这将影响文档中的每个元素，您可能希望将迭代更改为从document.body以外的其他位置开始


（函数字体（父级，深度）{
对于（变量i=0；i

主要问题
一级
次级
另一个下级
二级
第二级
@SleekGeek是对的。您需要向我们展示您尝试过的内容（可能还有它不起作用的原因）。为什么你不能使用CSS类？@Sleek Geek我粘贴了我当前的尝试。但它使所有元素都变小了，但我需要兄弟姐妹的大小相同
<div>Main Issue
      <div>Level1
             <div>Sublevel</div>
             <div>Another sublevel</div>
      </div>
      <div>Level2
             <div>Second sublevel</div>
      </div>
</div>

var ic = 0; 
var fontSize = 1;
    var test = function(parent) { 
        var children = nodes[parent]; 
        fontSize = 1; 
        fontSize = fontSize == 4 ? 4 : fontSize+1;
        div.append("<h"+fontSize+">" + parent + "</h"+fontSize+">");  
        } 

        for (ic in children) {
            var child = children[ic]; 
            div.append(test(child)); 
            if (ic == children.length - 1) {
            fontSize = 1;  
            } 
        }
        return div; 
    }