javascript - use remove() on multiple elements

Question

this: document.getElementsByClassName('warningmessage').remove(); doesn't work if you have multiple warningmessage elements on the page.

How can I just delete all elements with that class? do I have to use a for each? isn't there a command to deleteall()?

thanks for your tips!

Answer 1

With plain JavaScript you can do this:

var nodes = document.getElementsByClassName('warningmessage');
for(var i = 0; i < nodes.length; i++){
  nodes[i].parentNode.removeChild(nodes[i]);
}

So you would first of all get the nodes you are interested in and afterwards iterate over them and remove them from their parents.

Sadly there is no forEach method on NodeList. However, you could this:

var nodes = document.getElementsByClassName('warningmessage');
[].forEach.call(nodes, function (node) {
  node.parentNode.removeChild(node);
});