附加一個列表，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; 
    } 
}