Full Stack Web Development MASTERY Course - Novice to Expert - HTML Element Selectors in JavaScript

What is the first step before performing any action on an HTML element using JavaScript?

• Adding a new HTML file

• Selecting the target HTML element

• Changing the style of the element

• Adding animations to the element

Which method is used to access a single element in the DOM by its unique ID?

• getElementById

• querySelector

• querySelectorAll

• getElementsByClassName

What will 'getElementById' return if no element with the specified ID exists?

• An empty string

• Null

• Undefined

• An error message

Which property would you use to change the text content of an HTML element?

• className

• innerHTML

• childNodes

• innerText

What is the difference between 'innerText' and 'innerHTML'?

• Neither includes HTML tags

• Both include HTML tags

• 'innerHTML' includes HTML tags, 'innerText' does not

• 'innerText' includes HTML tags, 'innerHTML' does not

What does the 'querySelector' method return?

• All elements that match the selector

• The first element that matches the selector

• A list of all elements in the document

• An array of matching elements

How can you select an element by its class using 'querySelector'?

• Using a hash (#) symbol

• Using a dot (.) symbol

• Using a colon (:) symbol

• Using a semicolon (;) symbol

Which method would you use to select all elements with a specific tag name?

• getElementById

• querySelectorAll

• querySelector

• getElementsByTagName

What does 'querySelectorAll' return?

• A single element

• An array of all elements

• A static NodeList of all matching elements

• A dynamic NodeList of all matching elements

Which method allows you to select multiple elements by their class name?

• getElementById

• querySelectorAll

• getElementsByClassName

• querySelector