我无法将 for 循环附加到我的 HTML 正文中的 div 标签.任何想法

Question

这是我的代码...不知道出了什么问题。

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

请帮忙。

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/我更改了带有跨度的字体标签，并使用 css 将div 中的文本居中 #putTheTreeInHere{ 文本对齐：居中;}

在循环函数中不要使用文档.写...

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
}

Answer 2

你需要在函数中返回一个值

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;
    }
    // Return the value
    return nextRow;  // Or return whatever value you want
}

这使得函数在内部编程使用时实际上会发出数据。

---

（附言既然你知道，我就告诉你一些事情。 如果这个答案解决了您的问题，你点击绿色复选标记接受它）