DOM Method Demonstrations

1) Query Selector

This text will change using querySelector().

Change Text

2) Replace Child

• Dragon
• Vampire
• Sphinx

Replace List Item

3) Remove Child

• Cat
• Dog
• Mouse

Remove List Item

4) Append Child

• Chicken
• Beef
• Pork

Append new item

5) Class List Add Highlight

• Green
• Red
• Blue

Highlight Items

6) Hover

7) Set Attribute

This text will change color and background using setAttribute().

Change Style!