Section7

Table Of Contents: Table Of Contents 7- Working with the DOM (Browser HTML Code) in JavaScript Module Introduction What’s the “DOM”? Document and Window Object Understanding the DOM and how it’s created Nodes & Elements - Querying the DOM Overview Selecting Elements in the DOM Summary: Node Query Methods Exploring and Changing DOM Properties Attributes vs Properties Selecting Multiple Elements & Summary DOM Basics Time to Practice: DOM Querying Traversing the DOM - Overview Traversing Child Nodes Using parentNode & parentElement Selecting Sibling Elements DOM Traversal vs Query Methods Styling DOM Elements Creating Elements with JS - Overview Adding Elements via HTML in Code Adding Elements via createElement() Inserting DOM Elements Cloning DOM Nodes Live Node Lists vs Static Node Lists Removing Elements Insertion & Removal Method Summary Summary: Insert, Replace, Remove Setting Up the Practice Project Selecting the Modal and “Add” Button Opening a Modal by Changing CSS Classes Controlling the Backdrop Fetching and Validating User Input Creating a Movie in JavaScript & Clearing the Input Rendering Movie Items on the Screen Deleting Movie Elements Showing & Hiding the “Are you sure?