Method Demonstrations

1. getElementById() - Change Text

This text will change on button click.

Change Text

2. querySelector() - Highlight First Paragraph

This paragraph will be highlighted.

This one won't.

Highlight First Paragraph

3. createElement() & appendChild() - Add Item to List

• Item 1
• Item 2
• Item 3

Add New Item

4. replaceChild() - Replace List Item

• Replace this item
• Another item

Replace First Item

5. removeChild() - Remove Last List Item

• First item
• Second item
• Remove me!

Remove Last Item

6. setAttribute() - Change Button Color

Change My Color

7. innerHTML - Change Content of Box

Change Box Content