Q
How can you add a CSS class to an HTML element using JavaScript?

Answer & Solution

Answer: Option A
Solution:
To add a CSS class to an HTML element using JavaScript, you can use the element.classList.add('className') method. This method adds the specified CSS class ('className') to the element, allowing you to dynamically apply styles or behavior defined in the CSS class to the element in the document.
Related Questions on Average

What is the purpose of the innerText property in JavaScript?

A). To set or retrieve the text content of an element, including its descendants

B). To set or retrieve the HTML 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

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()

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 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 CSS style of an HTML element using JavaScript?

A). Use the style property of the element to modify CSS styles

B). Use the setStyle() method to apply CSS styles to the element

C). Use inline CSS within the HTML element's tag to specify styles

D). Use external CSS files and link them to the HTML document

How can you change the font size of an HTML element using JavaScript?

A). element.style.fontSize = '16px';

B). element.style.font = '16px';

C). element.fontSize = '16px';

D). element.font = '16px';

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;

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';

How can you dynamically add a new paragraph element to an HTML document using JavaScript?

A). document.createElement('p') followed by appendChild()

B). document.getElementById('newParagraph').textContent = 'New Paragraph';

C). document.querySelector('p').innerText = 'New Paragraph';

D). document.innerHTML = '<p>New Paragraph</p>';

What is the purpose of the setAttribute() method in JavaScript?

A). To set or change the value of an attribute on an HTML element

B). To set or change the text content of an HTML element

C). To set or change the source (URL) of an image element

D). To set or change the background color of an HTML element