自动增加DIV

<div id="divmain" style="width:100%">
    <div id="div1" style="width:100%;border:1px solid black;"></div>
</div>

<script>
window.onload = function(){
    var str = "想实现的功能是，用javascript往固定大小的div里连续写入文字，当div被刚好填满时，javascript自动生成一个新div写入后续文字。div的大小固定，也不能出现滚动条。我不会判断写入到哪个字符时div就满了，再多写入一个字符就溢出。";
    var currentid = 1;
    // 让这个字符串足够长，没实际作用
    for(var i = 0;i < 3;i++){
        str += str;
    }

    for(var i = 0;i < str.length;i++){
        var currentdiv = document.getElementById("div" + currentid);
        var theheight = 100;// 允许的最大高度
        if(currentdiv.offsetHeight > theheight){
            document.getElementById("div" + currentid).innerHTML = document.getElementById("div" + currentid).innerHTML.substring(0,document.getElementById("div" + currentid).innerHTML.length - 1);
            i-=2;

            newdiv = document.createElement("div");
            newdiv.style.border = "1px solid black";
            newdiv.style.width = "100%";
            currentid++;
            newdiv.id = "div" + currentid;
            document.getElementById("divmain").appendChild(newdiv);
        }else{
            document.getElementById("div" + currentid).innerHTML += str.charAt(i);
        }
    }
}
</script>