node js delete code example

Example: delete node in javascript

<ul id="shoppinglist">
        <li class="complete"> Apple [<a href="#">Delete</a>] </li>
        <li class="complete"> banana [<a href="#">Delete</a>]</li>
        <li class="complete"> mango [<a href="#">Delete</a>]</li>
        <li class="complete"> guava [<a href="#">Delete</a>]</li>
    </ul>
            

// Set up event listeners to call itemDone() on click
document.getElementById("shoppinglist").addEventListener('click', function(e) {
    deleteNode(e);
}, false);


function deleteNode(e) {
    var target, elParent, elGrandParent;

    //Remove Item From the list
    target = e.target;
    // alert(e.target.value);
    elParent = target.parentNode;
    elGrandParent = elParent.parentNode;

    alert(target.parentNode.innerHTML + " Removed From Cart")
    elGrandParent.removeChild(elParent);

    //prevent the link from taking you elsewhere
    e.preventDefault();
}