Which JavaScript event is triggered when a user clicks on an HTML element?
A). click
B). hover
C). submit
D). change
How can you hide an HTML element from the user interface using JavaScript?
A). element.style.display = 'none';
B). element.style.visibility = 'hidden';
C). element.visible = false;
D). element.style.opacity = 0;
Which JavaScript property is used to change the source (URL) of an image element?
A). src
B). url
C). href
D). source
Which JavaScript method is commonly used to create a new HTML element dynamically?
A). document.createElement()
B). document.appendElement()
C). document.makeElement()
D). document.createNode()
Which JavaScript method is used to replace one HTML element with another in the DOM?
A). replaceChild()
B). replaceElement()
C). replaceNode()
D). element.replaceWith()
What is the purpose of using the innerHTML property in JavaScript?
A). To set or retrieve the HTML content of an element, including its descendants
B). To set or retrieve the text content of an element, including its descendants
C). To set or retrieve the value of an input element
D). To set or retrieve the URL of an anchor element
How can you dynamically change the background color of an HTML element based on user actions using JavaScript?
A). Use event listeners like addEventListener to detect user actions and update the element's background color
B). Use inline JavaScript in the HTML element's onclick attribute to change the background color
C). Use the onHover event directly in the HTML element's tag to change the background color
D). Use the element.background = 'color'; property in JavaScript to directly modify the element's background color
What is the purpose of the classList property in JavaScript?
A). To access and manipulate the CSS classes of an HTML element
B). To access and modify the text content of an HTML element
C). To access and modify the value of an input element
D). To access and modify the URL of an anchor element
How can you change the text color of an HTML element using JavaScript?
A). element.style.color = 'blue';
B). element.textColor = 'blue';
C). element.style.textColor = 'blue';
D). element.color = 'blue';
What does the appendChild() method do in JavaScript?
A). Appends a new child node to an existing element in the DOM
B). Removes a child node from an existing element in the DOM
C). Replaces an existing child node with a new node in the DOM
D). Creates a new parent node for an existing child node in the DOM