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

这是我的代码...不确定是什么错误。

我正在尝试在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();
});

最佳答案

见http://jsfiddle.net/alemarch/3k0x3c4L/1/
我有一个带有跨度的更改字体标签，并且我使用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
}

关于javascript - 我无法将for循环附加到HTML正文中的div标签。有任何想法吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27239022/