Preface In this project you will traverse and modify a DOM Tree. You will be able to highlight, modify, insert and remove elements on a web page. Note that the CSS class highlighted is applied...

Preface

In this project you will traverse and modify a DOM Tree. You will be able to highlight, modify, insert and remove elements on a web page. Note that the CSS classhighlightedis applied dynamically to elements in the document as you add, remove and select elements using the form.

Requirements

1. Copy theCSScode from Fig. 12.3 and name yourCSSfilestyle.css
   


2. Copy theHTMLcode from Fig. 12.4 and name yourHTMLfiledom.html
   
   
   
   • NOTE:The dom.html in the textbook HAS AN ERROR in line 42, there should not be any parentheses after replaceButton. However, It is fixed in the Fig. 12.4 below.
   
   
   
   


3. Copy theJavaScriptcode from Fig. 12.5 and name yourJavaScriptfiledom.js
   

Figures

These figures are from the textbook.