Question

I have been strugling with this for a while and I am sure there is a simple answer to this. What happens is I remove a div called “payment” then dynamicaly create it again so I can add to it. That then gets repeated as the infomation that needs to be added to it changes.

I have mangaged to get this so far.

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);
    }
}

Related HTML

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

It needs the ID of payment for both my CSS rules and for my creating the text that goes in it.

This is the error I get in FireFox

Error: paymentDiv is null Source File:
http://itsuite.it.brighton.ac.uk/ks339/sem2/javascript/js.js Line: 76

Hope someone can provide some insight in to this and please tell me if I am completly off!

Thanks

Edit: Is it easior to clear the div rather than delete it, how would I go about doing such a thing?

Answer 1

In create_payment(), you set the ID to ‘mine’. Shouldn’t it be ‘payment’?