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.
index.html
script.js
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me an example of changing multiple styles at once?
What are some common mistakes when using the style property in JavaScript?
How can I reset an element's style to its original value?
Awesome!
Completion rate improved to 6.67Changing Inline Styles
Veeg om het menu te tonen
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.
index.html
script.js
Bedankt voor je feedback!
