javascript - 需要帮助将 appendChild 更改为 replaceChild

Question

有没有一种简单的方法可以将它从 appendChild 更改为 replaceChild？

这当然会不断增加更多元素。同样出于某种原因，它没有将值放在 DIV 或 SPAN 中，似乎放在它下面。

var para = document.createElement("P");
var total = document.createTextNode(parseFloat((subT + tax).toFixed(2))) ;

para.appendChild(total);

document.getElementById("total_id").appendChild(para);

它更新这个:

<div class="prod_totals">Order Total: $<span id="total_id"></span></div>

Answer 1

你可以简单地使用 innerHTML 而不是 appendChild

document.getElementById("total_id").innerHTML = parseFloat((subT + tax).toFixed(2));

因为您没有在 total_id 元素中插入任何用户输入值，而且就问题提到的而言，它的数据稍后不会传递给服务器我认为您可以安全使用innerHTML 在这里。但是如果出于任何原因你仍然想使用 replaceChild 你可以这样做:

var para = document.createElement("P");
var total = document.createTextNode(parseFloat((subT + tax).toFixed(2))) ;

para.appendChild(total);

var existingText=document.getElementById("total_id").querySelector('p');
if(existingText){
    document.getElementById("total_id").replaceChild(existingText, para);
}
else{
    document.getElementById("total_id").appendChild(para);
}