cloneNode 和所有节点（父+子）的总和。 Javascript

Question

我想汇总所有输入的值，但一开始只有一个输入元素，然后您使用按钮添加克隆。其实我有两个问题： 1.如何将克隆节点始终放置在它之前的节点之下。 2.如何对所有节点的值求和。

代码如下：

    function nambahData() {
        var a = document.getElementById("harga");
        var b = a.cloneNode(false);
        document.getElementById("form").appendChild(b);
    }

    function ditotal() {
        var x = document.getElementById("harga").value;
        var y = document.getElementById("harga").childNode.value;
        document.getElementById("total").value = parseInt(x) + parseInt(y);
    }
</script>

<div id="form">
    <input id="harga" type=number>
    <br>
</div>
<button onclick="nambahData()">add data</button>
<br>
<button onclick="ditotal()">total all</button>
<input id="total" type=number>

Answer 1

希望这对你有所帮助..

window.nambahData = function() {
        var a = document.getElementsByName("harga");
        var b = a[0].cloneNode(false);
        document.getElementById("form").appendChild(b);
    }

window.ditotal = function() {
    var totalItems = 0;
    
    for(i=document.getElementsByName("harga").length-1;i>=0;i--)
    {
        var item = document.getElementsByName("harga")[i];
        totalItems += parseFloat(item.value);
    }
    document.getElementById("total").value = totalItems;
}

.inputStyle{
    display:block;
}

<div id="form">
    <input name="harga" type="number" class="inputStyle">
</div>
<button onclick="nambahData()">add data</button>
<br>
<button onclick="ditotal()">total all</button>
<input id="total" type=number>