Question

Which JavaScript function is used to change the style of an HTML element dynamically?

• A. document.getElementById("element").setStyle("color", "red");
• B. document.style.change()
• C. document.modifyStyle("element").color("red");
• D. document.getElementById("element").style.color = "red";

Hint:

Real style changes go through the element's style object, like node.style.color.

Answer 1

The Correct Option is D

Idea: Match each choice against the real DOM interface.

A DOM element has a property called $style$ that holds inline CSS. You set a single CSS field by writing $element.style.property = value$. For colour that is $element.style.color$.

Checking the choices: setStyle is not a DOM method, document.style.change does not exist, modifyStyle is not real. Only the assignment form is valid JavaScript that changes the look of the element at runtime.

Correct call:
\[ \text{document.getElementById("element").style.color = "red";} \]
\[\boxed{\text{Option D}}\]