Florida Foundations of Web Design - Explore | CodeHS

Lesson 7.4 Styling Elements Using Javascript

Description

In this lesson, students learn how to style elements in HTML using JavaScript and the Document Object Model.

Objective

Students will be able to:

Utilize setAttribute appropriately to style elements in JavaScript
Distinguish between .attribute and setAttribute notation and determine the advantages and disadvantages of both

Activities

These are all the activities included in the lesson

7.4.1 Styling Elements Using JavaScript

7.4.2 Styling Elements Using JavaScript

7.4.3 Frankenstein Footnote

7.4.4 .(attribute) vs. setAttribute

7.4.5 Add a Link

7.4.6 Create a Flag

7.4.7 Checkerboard