将列表附加到ul

Question

我尝试使用以下代码在ul下创建一个列表：

function calc()
{
    document.getElementById("calc_result").innerHTML;
    percent = 1;
    profit = 0;
    amount = document.getElementById("calc_amount").value;
    if (amount>100000) amount = 100000;
    if (amount<10) amount = 0;
    for (var i = 1; i <= 365; i++)
    {
        profit = parseFloat(profit) + parseFloat(amount*percent/100);
        profitday = parseFloat(amount*percent/100);

        var ul = document.getElementById("calc_result");
        var li = document.createElement("li");
        li.appendChild('<li class="cfix"><span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span></li>');
        ul.appendChild(li);
        if (percent<4) 
            percent += 0.5;
    }
}

输出应该是这样的：

<ul class="inner" id="calc_result">
      <li class="cfix">
      <span>1</span>
      <span>$2.00</span>
      <span>$2.00</span>

。 。

脚本不会附加列表...

希望有人可以提供帮助：/

Answer 1

问题在于您尝试将文本作为子项追加。 li.appendChild('<li class="cfix"><span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span></li>');应为li.innerHTML = '<span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span>'

function calc()
{
    document.getElementById("calc_result").innerHTML;
    percent = 1;
    profit = 0;
    amount = document.getElementById("calc_amount").value;  
    if (amount>100000) amount = 100000;
    if (amount<10) amount = 0;
    for (var i = 1; i <= 365; i++) 
    {
        profit = parseFloat(profit) + parseFloat(amount*percent/100);
        profitday = parseFloat(amount*percent/100);

        var ul = document.getElementById("calc_result");
        var li = document.createElement("li");
        li.className = "cfix";
        li.innerHTML =  '<span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span>'
        ul.appendChild(li);     
        if (percent<4) 
            percent += 0.5;
    }
}