Exploring JavaScript DOM Concepts

What does DOM stand for in web development?

• Document Object Module

• Data Object Model

• Document Object Model

• Dynamic Object Model

How can you access an element by its ID in JavaScript?

• document.getElementByIdById('yourElementId');

• getElementById('yourElementId');

• document.querySelector('#yourElementId');

• document.getElementById('yourElementId');

What method would you use to create a new HTML element in the DOM?

• document.appendChild()

• document.createElement()

• document.insertElement()

• document.newElement()

How do you add a class to an element using JavaScript?

• Use element.classList.add('className');

• element.add('className');

• element.className.add('className');

• Use element.addClass('className');

What is the purpose of the `querySelector` method?

• To select all elements in the DOM using a CSS selector.

• To modify the style of an element in the DOM.

• To create a new element in the DOM using a CSS selector.

• To select the first matching element in the DOM using a CSS selector.

How can you remove an element from the DOM?

• Use element.remove() or parentNode.removeChild(element).

• Call removeElement(element) function.

• Set element.style.display to 'none' to hide it.

• Use element.delete() to remove an element.

What does the `innerHTML` property do?

• The `innerHTML` property is a method for adding event listeners to elements.

• The `innerHTML` property is used to change the CSS styles of an element.

• The `innerHTML` property only retrieves the text content of an element.

• The `innerHTML` property gets or sets the HTML content of an element.

How can you change the text content of an element?

• Use the 'textContent' property in JavaScript to change the text content of an element.

• Use the 'setAttribute' method to update the text content.

• Change the text by modifying the 'style' property.

• Use the 'innerHTML' property to change the text content.

What is event delegation in the context of the DOM?

• Event delegation is a technique that allows handling events at a parent element level instead of individual child elements.

• Event delegation is a technique for animating elements in the DOM.

• Event delegation refers to the process of removing event listeners from child elements.

• Event delegation is a method for creating new DOM elements.

How do you listen for an event on a DOM element?

• Use element.addEventListener('eventType', callbackFunction);

• element.addEvent('eventType', callbackFunction);

• element.listen('eventType', callbackFunction);

• Use element.on('eventType', callbackFunction);