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 B

document.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 collections

Both return static NodeLists

querySelectorAll returns a static NodeList, while getElementsByClassName returns a live HTMLCollection

No difference