Tutorial 1: Accessing the DOM

Lesson 1: getElementByID

Here is an image of a star:

Lesson 2: childNodes

Here is an image of a star:

Lesson 3: firstChild & lasChild

Twinkle twinkle little

star

Lesson 4: previousSibling & nextSibling

Here is another span containing three stars:

Lesson 5: parentNode

Twinkle twinkle little

Tutorial 2: Manipulating the DOM

Lesson 1: innerHTML

Wish upon a

Lesson 2: removeChild

Shooting

Lesson 3: appendChild

Here a star:

move it here:

Lesson 4: document.createTextNode

6*7=

Lesson 5: Roller Coaster Text