动态创建和删除div

Question

我已经对此持续了一段时间,我相信这有一个简单的答案.会发生什么,我删除一个名为"付款"的div然后再动态创建它,以便我可以添加它.然后重复,因为需要添加到其中的信息发生变化.

到目前为止,我已经进行了调整.

function clearPage()
{
    var d = document.getElementById("contain"); 
    var d_nested = document.getElementById("payment"); 
    var deleteNode = d.removeChild(d_nested);

}

function createPayment()
{
    payment = document.createElement("div");
    payment.id = "mine";
    document.getElementById("contain").appendChild(payment);
}

function printOnPage()
{
    var x = names.length;
    for( var i = 0 ; i < x ; i++ )
    {
        var para = document.createElement("p");
        var paymentDiv = document.getElementById("payment");
        paymentDiv.appendChild(para);
        var txtName = document.createTextNode("Item: ");
        para.appendChild(txtName);
        var txtNameArray = document.createTextNode(names[i]);
        para.appendChild(txtNameArray);
        var txtQty = document.createTextNode(" Qty: ");
        para.appendChild(txtQty);
        var txtQtyArray = document.createTextNode(qty[i]);
        para.appendChild(txtQtyArray);
        var txtCost = document.createTextNode(" Cost: ");
        para.appendChild(txtCost);
        var txtCostArray = document.createTextNode(prices[i]);
        para.appendChild(txtCostArray);
    }
}

相关的HTML

<div id="contain">
    <p>Payment</p>
        <div id="payment">  
            <br />
        </div>
</div>

它需要我的CSS规则的支付ID以及我创建的文本.

这是我在FireFox中遇到的错误

错误:paymentDiv为null源文件:http://itsuite.it.brighton.ac.uk/ks339/sem2/javascript/js.js 行:76

希望有人可以提供一些见解,请告诉我,如果我完全关闭!

谢谢

编辑:清除div而不是删除它是否容易,我将如何做这样的事情？

Answer 1

在create_payment()中,您将ID设置为"我的".不应该是'付款'吗？