Understanding the DOM in JavaScript

What does DOM stand for in web development?

• Dynamic Object Model

• Document Object Model

• Document Object Module

• Data Object Model

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

• document.getElementById('yourElementId');

• document.getElementByIdById('yourElementId');

• getElementById('yourElementId');

• document.querySelector('#yourElementId');

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

• document.appendChild()

• document.createElement()

• document.insertElement()

• document.addElement()

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

• element.setAttribute('class', 'new-class');

• element.className += ' new-class';

• element.addClass('new-class');

• element.classList.add('new-class');

What is the purpose of the `innerHTML` property?

• To create a new HTML element in the DOM.

• The purpose of the `innerHTML` property is to get or set the HTML content of an element.

• To remove an element from the document.

• To retrieve the CSS styles of an element.

How can you remove an element from the DOM?

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

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

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

• Call removeElement(element) function.

What does the `querySelector` method do?

• Selects the first matching element in the document based on a CSS selector.

• Creates a new element based on a CSS selector.

• Removes the first matching element from the document.

• Selects all elements in the document that match a CSS selector.

How can you change the text content of an element?

• Use element.textContent = 'new text';

• Use element.innerHTML = 'new text';

• Set element.text = 'new text';

• Change element.value = 'new text';

What is event delegation in the context of the DOM?

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

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

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

• Event delegation is a way to style parent elements based on child events.

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

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

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

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

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