求js代码，判断字数长短 决定字体大小

Question

<div class="float">
<div>LUKE6：</div>
我要疯了，你知道吗</div>
</div>
代码如上，判断float下的字数长短，70个字符以内，字号为36，行距为1.4em,70-100个字符，字号为28，行距为1.6em;100-200，字号为20，行距为1.6em;
求帮忙
补充，有多个

<div class="float">
<div>LUKE6：</div>
我要疯了，你知道吗</div>
</div>

所以不能是一次性的~

Answer 1

除了你说的三种情况，没有其它判断，所以下面代码将 100-200 字符设为默认 (else)

<script type="text/javascript">
window.onload = function() {
    var divs = document.getElementsByTagName("div");
    for(var i = 0; i < divs.length; i++) {
        if(divs[i].className.indexOf("float") > -1) {
            var text = divs[i].innerText || divs[i].textContent;
            var length = text.replace(/^\s+|\s+$/g, "").length;
            if(length < 70) {
                divs[i].style.fontSize = "36px";
                divs[i].style.lineHiehgt = "1.4em";
            }
            else if(length >= 70 && length <= 100) {
                divs[i].style.fontSize = "28px";
                divs[i].style.lineHiehgt = "1.6em";
            }
            //else if(length > 100 && length <= 200) {
            else {
                divs[i].style.fontSize = "20px";
                divs[i].style.lineHiehgt = "1.6em";
            }
        }
    }
};
</script>

Answer 2

给你个jquery的吧

追问

LUKE6：
len取得时候， 计算这个的长度了吗，有没有忽视div呢
在chrome下合ie下计算的长度好像不一样~

本回答被提问者采纳