How to remove all elements of a certain class from the DOM?

Answer 1

Simple ES6 answer:

document.querySelectorAll('.classname').forEach(e => e.remove());

Explanation:

1. document.querySelectorAll() loops through the elements in the document returning a NodeList of all elements with the specified selector (e.g. '.class', '#id', 'button')
2. forEach() loops through the NodeList and executes the specified action for each element
3. e => e.remove() removes the element from the DOM

Note, however, that this solution is not supported by Internet Explorer. Then again, nothing is.