Using Nodelists to Alter Collections of Elements

Headlines: Left RightCenter

Paragraphs: Left RightCenter

Emphasized text (class = "emph"): Plain Bold

Using the Color Input

Background Color:

Text Color:

We can use nodelists to alter several elements on a page at once. Nodelists are list of nodes returned by the methods document.getElementsByTagName and document.getElementsByClassName.

Here you will change alignments of headlines (h1 and h2) and paragraphs using the indicated buttons.

You will also learn about a new input, <input type="color"/> which you will use to change the color of this page.

All of the buttons must work if material is added to this page.