向ul添加一个列表

Append a list to ul

本文关键字：一个 列表 ul 添加      更新时间：2023-09-26

我试着用下面的代码创建一个列表:

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>

。．.

脚本不追加列表…

希望有人能帮助:/

问题是您试图将文本附加为子文本。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;
    }
}
相关文章：