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';
}
}
<!-- 比如我这个文字的标题是10个字
,让他显示的字体大小是30px,如果要是20个字以上的话,我想让它显示的字体大小是14px -->
<!-- 标题 -->
标题长度小于20为字体大小为30px