All Questions

DOM Manipulation Interview Questions

MCQ Question 1 of 10

Question 1: Accessing Element by ID

Which method is used to get an element by its ID?

document.getElementsByClassName("id")document.getElement("id")document.getElementById("id")document.querySelector("id")

Question 2: Accessing Multiple Elements

Which method returns a live HTMLCollection of elements with a given class name?

document.querySelectorAll(".class")document.getElementsByClassName("class")document.getElementsByTag("class")document.getClass("class")

Question 3: Modifying Text Content

How do you change the text inside an element with ID title?

document.getElementById("title").value = "Hello";document.getElementById("title").innerText = "Hello";document.getElementById("title").text = "Hello";document.getElement("title").setText("Hello");

Question 4: Creating Elements

Which method creates a new HTML element?

document.create("div")document.newElement("div")document.createElement("div")document.addElement("div")

Question 5: Appending Elements

How do you add a newly created element p to the body?

document.body.add(p);document.body.appendChild(p);document.body.insert(p);document.body.push(p);

Question 6: Changing Attributes

How can you change the src attribute of an image with ID pic?

document.getElementById("pic").setAttribute("src", "new.jpg");document.getElementById("pic").src = "new.jpg";Both A and Bdocument.getElement("pic").update("src", "new.jpg");

Question 7: Removing Elements

Which method removes a child node from the DOM?

removeChild()deleteElement()removeNode()clear()

Question 8: Event Listener

How do you add a click event listener to a button with ID btn?

document.getElementById("btn").addEvent("click", myFunc);document.getElementById("btn").onclick("click", myFunc);document.getElementById("btn").addEventListener("click", myFunc);document.getElement("btn").event("click", myFunc);

Question 9: Query Selector

Which method selects the first element that matches a CSS selector?

document.querySelector()document.querySelectorAll()document.getElementsBySelector()document.getFirst()

Question 10: querySelectorAll vs getElementsByClassName

What is the difference between querySelectorAll and getElementsByClassName?

Both return live collectionsBoth return static NodeListsquerySelectorAll returns a static NodeList, while getElementsByClassName returns a live HTMLCollectionNo difference