Question

Just wondering how you can check an element (i.e. a div container) for elements (i.e. buttons) and if they exist, remove them?

If I append a child to a div, how can I on the next look check for that child or those type of children? i.e. adding;

example = document.getElementById('div');  
example.appendChild(aButton);

//loop to look for aButton / button type in example div

Cheers

Answer 1

Get the childNodes array, loop through and look for one matching your criteria ( input tag with type button, or possibly a button tag)

var children = example.childNodes;

for(var i = 0; i<children.length; i++){
    if( children[i].tagName == "INPUT" && children[i].type=='button' ) {
        example.removeChild( children[i] );
        i--; //Decrement counter since we are removing an item from the list
    }
}

Example: http://jsfiddle.net/BZMbk/3/