The Complete JavaScript DOM in two hours

Description

In this course, you will learn :

• JavaScript DOM
• Getting elements by ID, Class and Tagnames
• Query Selectors
• Event Listeners
• Adding and deleting elements to and from the DOM
• Traversing the DOM

Syllabus :

1. Introduction to JavaScript DOM

• JavaScript DOM - An Intro to the Section
• What and why JavaScript DOM?

 

2. Get the elements using ID, Class and Tags

• The Document Object
• Get Element By ID
• Difference between textContent, innerText and innerHTML
• Get Elements by ClassName
• Get Elements by TagName

 

3. Get elements like a Pro - Query Selectors

• Query Selecctor
• Advanced Tricks : Grab the Last child or the nth child
• Query Selector ALL

 

4. Traversing the DOM

• Traversing the parent and children
• Traversing the siblings

 

5. Creating & inserting elements | Events & Event Listeners

• Creating and Inserting elements
• Events & Event Listeners in JavaScript
• The event parameter 'e'

Show more