根据字体的长度来调节字体大小

function aaa(){
    //获取对象
    var obj=document.getElementById("headline")
    //获取值
    var a=obj.innerText;
    //弹框测试   
    //alert(a.length);

    //此对象值的长度
    var counta=a.length;
    if(counta<=10){
        obj.style.fontSize='20px';
    }else if(counta<=20){
        obj.style.fontSize='30px';
    }else if(counta<=30){
        obj.style.fontSize='40px';
    }
}

<!--当页面加载之后 调用aaa()这方法 -->
<!-- 比如我这个文字的标题是10个字
，让他显示的字体大小是30px，如果要是20个字以上的话，我想让它显示的字体大小是14px -->
<!-- 标题 -->

标题长度小于20为字体大小为30px