Changing Inline Styles

To change the appearance of elements on your web page using JavaScript, you can directly modify their inline styles with the style property. Every DOM element has a style object, which lets you set individual CSS properties using JavaScript syntax. When you assign a value to a property of the style object, such as element.style.color = "red", you are setting that style directly on the element.

Property names are written in camelCase, so for example, background-color in CSS becomes backgroundColor in JavaScript. This way, you can dynamically adjust the look and feel of your page based on user actions or other conditions.