DOM JavaScript Quiz

What method is used to add an event listener to a DOM element?

• `addEvent`

• `attachEvent`

• `addEventListener`

• `bindEvent`

Answer explanation

The correct method used to add an event listener to a DOM element is `addEventListener`.

Which event is triggered when a user clicks on an HTML element?

• `onmouseover`

• `onclick`

• `onchange`

• `onload`

Answer explanation

The correct event triggered when a user clicks on an HTML element is `onclick`. This event is specifically designed to respond to user clicks on elements.

How do you change the text content of an HTML element with the id "demo"?

• `document.getElementById("demo").innerHTML = "Hello"`

• `document.getElementById("demo").textContent = "Hello"`

• `document.getElementById("demo").value = "Hello"`

• `document.getElementById("demo").innerText = "Hello"`

Answer explanation

To change the text content of an HTML element with the id 'demo', you should use 'document.getElementById('demo').textContent = 'Hello'.

Which method is used to remove a child node from a parent node in the DOM?

• `removeChild()`

• `deleteChild()`

• `removeNode()`

• `deleteNode()`

Answer explanation

The correct method used to remove a child node from a parent node in the DOM is `removeChild()`.

What is the correct way to traverse to the next sibling of a DOM element?

• `element.nextSibling`

• `element.nextElementSibling`

• `element.siblingNext`

• `element.sibling`

Answer explanation

The correct way to traverse to the next sibling of a DOM element is by using 'element.nextElementSibling'. This property specifically targets the next sibling element in the DOM structure.

How do you get the value of an attribute in a DOM element?

• `element.getAttribute("attributeName")`

• `element.attribute("attributeName")`

• `element.getAttr("attributeName")`

• `element.attr("attributeName")`

Answer explanation

To get the value of an attribute in a DOM element, you use the method element.getAttribute("attributeName"). This is the correct choice among the options provided.

Which method is used to create a new HTML element in the DOM?

• `document.createElement()`

• `document.newElement()`

• `document.makeElement()`

• `document.buildElement()`

Answer explanation

The correct method to create a new HTML element in the DOM is `document.createElement()`. This method is used to dynamically generate elements in JavaScript.

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

• `parentElement.appendChild(newChild)`

• `parentElement.addChild(newChild)`

• `parentElement.insertChild(newChild)`

• `parentElement.createChild(newChild)`

Answer explanation

To append a new child element to a parent element in the DOM, you should use the method parentElement.appendChild(newChild). This method adds the newChild as the last child of the parentElement.

Which method is used to validate a form in JavaScript?

• `form.checkValidity()`

• `form.validate()`

• `form.isValid()`

• `form.checkForm()`

Answer explanation

The correct method to validate a form in JavaScript is `form.checkValidity()`. This method checks the validity of the form and its elements.

How do you prevent the default action of an event in JavaScript?

• `event.preventDefault()`

• `event.stopDefault()`

• `event.prevent()`

• `event.stop()`

Answer explanation

To prevent the default action of an event in JavaScript, you should use the method `event.preventDefault()`.