自动增加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 >

转载于:https://www.cnblogs.com/peijian708/archive/2009/06/07/1498032.html