JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Selectors / 047

The video tutorial discusses various methods for selecting HTML elements in JavaScript, including getElementById, getElementsByClassName, and getElementsByTagName. It highlights the limitations of these methods, such as the inability to use forEach on HTML collections, and recommends using querySelector and querySelectorAll for their flexibility and ease of use. The tutorial emphasizes the advantages of querySelector, which allows for custom selectors and provides a node list that supports both indexing and the forEach method.

What is the method used to select an element by its ID in JavaScript?

• getElementByTagName

• querySelectorAll

• getElementById

• getElementByClassName

Which method is used to select elements by their class name?

• querySelector

• getElementsByClassName

• getElementsByTagName

• getElementById

What is a limitation of using getElementsByClassName?

• It requires a hash symbol before the class name

• It returns an HTML collection without forEach support

• It does not support indexing

• It returns a single element

Which method is used to select elements by their tag name?

• getElementById

• getElementsByTagName

• getElementsByClassName

• querySelector

What is a common issue with HTML collections returned by getElementsByTagName?

• They do not support the forEach method

• They only return the first element

• They require a hash symbol before the tag name

• They cannot be indexed

Why is querySelector preferred over getElementById, getElementsByClassName, and getElementsByTagName?

• It is the oldest method

• It is faster

• It allows for custom selectors and supports forEach

• It is the only method that supports indexing

What is the main advantage of using querySelectorAll?

• It requires less code

• It returns a node list that supports forEach

• It only selects the first matching element

• It is more compatible with older browsers