Please enable JavaScript to use CodeHS

Web Development

View Syllabus Overview

Lesson 1.3 Using the DOM

Description

In this lesson, students learn how to modify HTML tags on a webpage using the DOM. The DOM, or Document Object Model, translates HTML files into accessible objects that can be manipulated or added to a webpage.

Objective

Students will be able to:

  • Modify existing elements on a web page using document.getElementById
  • Modify existing elements on a web page using document.getElemenyByTagName
  • Explain the purpose of the DOM, and how it is used to manipulate HTML files

Activities

These are all the activities included in the lesson

1.3.1 getElementById
1.3.2 getElementById Quiz
1.3.3 Welcome to My Site!
1.3.4 Let's Get to Know You
1.3.5 Simple Math
1.3.6 Using the DOM
1.3.7 Using the DOM Quiz
1.3.8 Multiple <p> tags
1.3.9 Menu Opinion
1.3.10 Longest Paragraph