What is the Class equivalent of document.getElementById() ?

Question

Is it document.getElementByClass(); for example?

Answer 1

Judah Thoreen
Pick your choice
1. document.getElementsByClassName("cls")
2. document.querySelectorAll("[class*='cls']")

Answer 2

Close!! Its document.getElementsByClass(); ... element is pluralized. Hope this helps!

Answer 3

1. getElementsByClassName

2. It returns an HTMLCollection instead of a single element.

Use number index to access each element, like handling an array.

https://code.sololearn.com/WGAjaZ553jMG/?ref=app

3. querySelectorAll returns a NodeList

NodeList is static, its length remain the same even though the elements are removed.

On the other hand, HTMLCollection is dynamic, it kind of stores the query and execute the query everytime, so it's always updated and won't have undefined entry.

https://code.sololearn.com/WMuGjuIx8O4s/?ref=app