javascript - 我无法将 for 循环附加到 HTML 正文中的 div 标记。有任何想法吗？

Question

这是我的代码...不确定哪里出了问题。

我正在尝试在 div 标记 #putTheTreeInHere 中向 HTML 附加一个 while 循环。

请帮忙。

function loop () {
    var index = 1;
    var row = "<font color=green><b>^</b></font>";
    var newRow= row;

    while ( index <= 10 ) {
        document.write( "<center>"+newRow+"</center><br>" );
        newRow = newRow + row;
        index += 1;
    }
}


function displayTree () {
    $( "#putTheTreeInHere" ).append( loop() )
}

$(document).ready(function () {
    displayTree();
});

Answer 1

参见 http://jsfiddle.net/alemarch/3k0x3c4L/1/我用 span 更改了字体标签，我用 css 将文本居中放置在 div 中 #putTheTreeInHere{ text-align: center;}

在循环函数中不要使用 document.write...

function loop () {
   var index = 1;
   var row = '<span style="color:green; font-weight:bold;">^</b></span>';
   var html = "";
   var newRow= row;

   while ( index <= 10 ) {
     html +=  newRow+"<br>" ;
     newRow = newRow + row;
     index += 1;
   }
   return html
}