Mastering DOM Manipulation

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

• querySelector

• getElementsByClassName

• getElementByTagName

• getElementById

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

• document.appendChild()

• document.createElement()

• document.insertElement()

• document.addElement()

How can you change the text content of an element using JavaScript?

• element.textContent = 'New Text';

• element.setText('New Content');

• element.innerHTML = 'Updated Text';

• element.changeText('Modified Text');

What is the purpose of the setAttribute method in DOM manipulation?

• To retrieve the value of an attribute from a specified element in the DOM.

• To remove an attribute from a specified element in the DOM.

• To create a new element in the DOM.

• To set the value of an attribute on a specified element in the DOM.

How do you remove an element from the DOM?

• Call removeElement(element) function.

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

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

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

Which property would you use to change the style of an element directly in JavaScript?

• style

• color

• fontSize

• border

What method allows you to add a class to an element in the DOM?

• classList.add()

• element.addClass()

• setClass()

• class.addClass()

How can you modify the 'src' attribute of an image element using JavaScript?

• imageId.src = 'newImageUrl.jpg';

• document.getElementById('imageId').setAttribute('src', 'newImageUrl.jpg');

• document.querySelector('#imageId').src = 'newImageUrl.jpg';

• document.getElementById('imageId').src = 'newImageUrl.jpg';

What is the difference between innerHTML and textContent?

• innerHTML includes HTML tags; textContent does not.

• textContent can include HTML tags; innerHTML does not.

• innerHTML is faster than textContent.

• innerHTML is used for styling, while textContent is for structure.

How do you apply a CSS style to an element using JavaScript?

• Use element.style.propertyName = 'value'; to apply a CSS style.

• Set CSS styles with element.css('propertyName', 'value');

• Apply styles by using element.addStyle('propertyName', 'value');

• Use document.getElementById('element').setStyle('propertyName', 'value');