在javascript循环中断行，这使得按钮

Question

function beggining1(){
        for (i=1;i<4;i++){
            for (j=1;j<4;j++){
                var btn = document.createElement("BUTTON");
                btn.className = "button1";
                btn.id = i + j;
                var t = document.createTextNode(i+"_"+j);
                btn.appendChild(t);

                document.getElementById("div1").appendChild(btn);

            }



        }

    }

好吧基本上我在div里面做按钮。按钮有风格：

.button1{
            background:green;
            height:50px;
            width:50px;
            margin:5px;

        }

但是他们在一行中位于div的顶部我希望每次第二个循环结束时都会进行断裂，所以按钮的位置就像方形一样。我试着

document.write('<br>');

在第二次循环之后却没有任何建议吗？

Answer 1

试试这个......

 document.getElementById("div1").innerHTML = document.getElementById("div1").innerHTML +'<br>';

Answer 2

尝试document.getElementById("div1").innerHTML += '<br>';