Mastering JavaScript and the DOM

What does DOM stand for in web development?

• Data Object Model

• Dynamic Object Model

• Document Object Module

• Document Object Model

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

• document.selectById()

• document.getElementsByClassName()

• document.querySelector()

• document.getElementById()

How can you add a new element to the DOM?

• Use document.createElement('elementType') and append it to a parent element.

• Use document.querySelector('elementType') to create a new element.

• Call document.appendChild('elementType') directly on the document object.

• Use document.getElementById('elementId') to modify an existing element.

What is the purpose of the 'innerHTML' property?

• The 'innerHTML' property is for adding event listeners to elements.

• The 'innerHTML' property allows manipulation of an element's HTML content.

• The 'innerHTML' property is used to change an element's CSS styles.

• The 'innerHTML' property retrieves the value of an input field.

How do you remove an element from the DOM?

• Call removeElement(element) function.

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

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

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

What does 'event bubbling' mean in JavaScript?

• Event bubbling is when an event is captured by the target element only.

• Event bubbling refers to the process of an event being ignored by parent elements.

• Event bubbling is the method of stopping an event from reaching the target element.

• Event bubbling is the process of an event propagating from the target element to its ancestors in the DOM.

What is the difference between 'addEventListener' and 'onclick'?

• The main difference is that 'addEventListener' supports multiple handlers and event options, while 'onclick' only allows one handler.

• 'onclick' can handle multiple events simultaneously.

• 'addEventListener' is only for mouse events.

• 'onclick' is more efficient than 'addEventListener' for performance.

How do you change the style of an element using JavaScript?

• Change the style using element.style.set('property', 'value');

• Modify the style with element.styleChange.property = 'value';

• Use element.setStyle('property', 'value');

• Use element.style.property = 'value'; to change the style of an element.

What is the purpose of the 'querySelector' method?

• To retrieve the value of an input field in the DOM.

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

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

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

How can you create a new HTML element using JavaScript?

• Call new Element('tagName') to generate a new HTML element.

• Use createNewElement('tagName') to instantiate a new element.

• Use document.addElement('tagName') to create a new element.

• Use document.createElement('tagName') to create a new element.