Q
How can you dynamically change the CSS style of an HTML element using JavaScript?

Answer & Solution

Answer: Option A
Solution:
To dynamically change the CSS style of an HTML element using JavaScript, you can use the style property of the element to directly modify CSS styles. For example, element.style.backgroundColor = 'red'; sets the background color of the element to red dynamically. This approach allows for inline style modifications directly from JavaScript.
Related Questions on Average

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

A). Use the element.style.fontFamily property to set the desired font family

B). Use the element.fontFamily = 'fontName'; property to directly modify the element's font family

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

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

How can you remove an HTML element from the DOM using JavaScript?

A). element.remove()

B). element.removeChild()

C). element.delete()

D). document.removeElement(element)

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 event is triggered when a user clicks on an HTML element?

A). click

B). hover

C). submit

D). change

How can you dynamically change the text content of an HTML element based on user input using JavaScript?

A). Use event listeners like addEventListener to detect input changes and update the element's text content

B). Use inline JavaScript in the HTML element's onclick attribute to update the text content

C). Use the onChange event directly in the HTML element's tag to update the text content

D). Use the inputValue property in JavaScript to directly modify the element's text content

Which JavaScript property is used to change the source (URL) of an image element?

A). src

B). url

C). href

D). source

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

A). element.classList.add('className');

B). element.className = 'className';

C). element.style.class = 'className';

D). element.addClass('className');

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

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