CMPS 162: Introduction to Programming

Introduction

HTML consists of many different types of elements. We will look in some detail into paragraphs, images, styles, as well as retrieving elements by tag name. In essence, we can update elements from JavaScript dynamically, e.g., based on some event or using timers, by using the Document Object Model (DOM) which is a representation of the HTML elements in the memory of the browser.

Module Objectives

• Illustrate reading and setting paragraph text
• Apply manipulating images and text
• Show swapping images
• Show swapping images and setting classes
• Describe setting styles
• Show targeting all elements by tag name
• Show targeting some elements by tag name

Learning Resources

• Module 9 Readings: Chapters 51 thru 57 from Myers

Learning Activities

• Module 9 Assignment: Interactive Coding Exercises 51 thru 57

For Further Study

• Read more about the document object model on Wikipedia