QUIZ ON : javascript - JS DOM MANIPULATION

JS DOM MANIPULATION

00:00:00

Question No# : 01 out of 21

Which of the following is used to change the content of an HTML element?

A. element.innerHTML

B. element.value

C. element.content

D. element.innerText

Question No# : 02 out of 21

Which method is used to find an HTML element by its ID?

A. getElementByTagName()

B. getElementById()

C. getElementByClass()

D. querySelector()

Question No# : 03 out of 21

How do you add a new HTML element to the DOM in JavaScript?

A. document.createElement()

B. document.appendElement()

C. document.insertElement()

D. document.newElement()

Question No# : 04 out of 21

Which method would you use to add an event listener to an element?

A. element.addEvent()

B. element.addEventListener()

C. element.attachEvent()

D. element.onEvent()

Question No# : 05 out of 21

How can you access all elements with a specific class name?

A. document.getElementByClassName()

B. document.getElementsByClassName()

C. document.querySelectorAll(".class")

D. Both b and c

Question No# : 06 out of 21

Which of the following methods is used to insert a new element before an existing element in the DOM?

A. insertBefore()

B. insertPrevious()

C. appendBefore()

D. addBefore()

Question No# : 07 out of 21

How do you append a new child element to an existing element in the DOM?

A. element.appendChild()

B. element.insertChild()

C. element.addChild()

D. element.attachChild()

Question No# : 08 out of 21

Which method is used to replace an existing element in the DOM with a new one?

A. replaceNode()

B. replaceElement()

C. replaceChild()

D. replaceWith()

Question No# : 09 out of 21

Which method is used to toggle a class on an element?

A. classList.add()

B. classList.remove()

C. classList.toggle()

D. classList.replace()

Question No# : 10 out of 21

How can you access an element by its tag name in JavaScript?

A. document.getElementByTagName()

B. document.getElementsByTagName()

C. document.querySelectorAll()

D. document.tagName()

Question No# : 11 out of 21

Which property is used to set or get the HTML content inside an element?

A. innerHTML

B. outerHTML

C. textContent

D. value

Question No# : 12 out of 21

Which of the following methods is used to remove a child element from the DOM?

A. removeElement()

B. removeNode()

C. removeChild()

D. deleteNode()

Question No# : 13 out of 21

How do you insert an element before another specified element in the DOM?

A. insertBefore()

B. insertAfter()

C. appendChild()

D. prependChild()

Question No# : 14 out of 21

Which property is used to access the parent element of a specified node in the DOM?

A. parentElement

B. parentNode

C. parentHTML

D. parent

Question No# : 15 out of 21

How can you retrieve all the child elements of a specific DOM node?

A. element.getChildren()

B. element.childNodes

C. element.getElementsByTagName()

D. element.getChildNodes()

Question No# : 16 out of 21

Which of the following methods can be used to remove an attribute from an HTML element?

A. removeAttr()

B. deleteAttribute()

C. removeAttribute()

D. deleteAttr()

Question No# : 17 out of 21

What will the following JavaScript code do?<pre>var element = document.getElementById("myDiv"); element.remove();</pre>

A. Remove the element with the ID "myDiv" from the DOM

B. Remove all child elements inside the element with the ID "myDiv"

C. Hide the element with the ID "myDiv"

D. Move the element with the ID "myDiv" to a different location

Question No# : 18 out of 21

What is the correct way to change the background color of an element using DOM manipulation?

A. element.background = "red";

B. element.style.backgroundColor = "red";

C. element.style.background = "red";

D. element.css.backgroundColor = "red";

Question No# : 19 out of 21

Which of the following properties is used to check whether an element has child nodes?

A. hasChildNodes()

B. childNodes

C. children

D. hasChildren()

Question No# : 20 out of 21

Which of the following properties is used to change the text inside an HTML element?

A. innerHTML

B. innerText

C. textContent

D. All of the above

Question No# : 21 out of 21

How can you retrieve the value of an input field in a form using JavaScript?

A. element.getValue()

B. element.innerHTML

C. element.value

D. element.innerText