Dynamic Style with JavaScript
The purpose of this assignment was to:
- Learn how to change the style of a HTML document by using JavaScript and CSS(Cascading Style Sheets).
The description and my solution of the Dynamic Style with JavaScript -assignment can be viewed at the bottom of this page.
What is the Style of a Document?
The style of a document is how it is presented. Font size, bold text, color, etc...
How to change the style of HTML document with JavaScript
When changing the style through the use of JavaScript, it's usually done by switching the stylesheet of a HTML document, changing the id or class attributes of elements or - on occasion - by changing the style right in the JavaScript with the style property.
Assignment Description
Create a HTML document demostrating how to change the style of a document dynamically. Do this by changing id and/or class attribues with JavaScript.
My solution, Assignment Files
- Try the Dynamic Style Example
-
dynamic-style.js
This is the JavaScript file used for changing the element attribues used for setting the style.
- dynamic-style.css