Question

44

rated 0 times [ 48] [ 4] / answers: 1 / hits: 15895 / 8 Years ago, fri, december 9, 2016, 12:00:00

I want to remove all elements with class sample.

This is working well in Chrome and Safari:

document.querySelectorAll('.sample').forEach(function(e) {

    e.parentNode.removeChild(e);

});

Here is the error I get in Firefox:

TypeError: document.querySelectorAll(...).forEach is not a function

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 631

Total Questions: 89

Total Answers: 109

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

jazminkyrap questions

Sat, Apr 17, 21, 00:00, 3 Years ago

Sun, Jul 5, 20, 00:00, 4 Years ago

Sat, May 16, 20, 00:00, 4 Years ago

Thu, Apr 16, 20, 00:00, 4 Years ago

Mon, May 27, 19, 00:00, 5 Years ago

answered 8 Years ago corie · Accepted Answer

document.querySelectorAll returns a NodeList which is indexed like an array, but not an Array so you can't call the array methods on it.

You can use Array.from(nodeList) in ES6 or Array.prototype.slice.call(nodeList) for ES5

 Array.from(document.querySelectorAll('selector')).forEach(el => el)