MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

JavaScript: Enhancing the DOM

Course Summary

Learn to modify the DOM (Document Object Model), one of the core components of every HTML page, with JavaScript.       

  • +

    Course Syllabus

       What you should know before watching this course
       Using the exercise files
    1. Getting Started
       What is the Document Object Model (DOM)?
       Navigating the DOM with developer tools
       Testing JavaScript commands with the console
       Communicating with the console through JavaScript
    2. Selecting the DOM
       Selecting elements with getElementById
       Choosing elements by HTML tag
       Isolating elements by class name
       Querying CSS to select elements
       Working with named form elements
       Understanding nodeType, nodeName, and nodeValue
       Traversing up and down DOM nodes
       Targeting node elements
    3. Modifying DOM Attributes and Content
       Changing HTML attributes
       Working with restricted attributes
       Detecting data attributes
       Controlling classes with the HTML5 classList
       Targeting the attributes property
       Using text content modifiers
       Modifying elements as text
    4. Inserting and Deleting Nodes
       Creating and appending nodes
       Controlling node insertions with insertBefore
       Cloning and removing nodes
       Replacing existing nodes
    5. The DOM in Action
       What we'll build
       Adding a bubbling event listener
       Creating and styling an overlay with JavaScript
       Adding an image
       Resizing images in the DOM
       Centering an image
       Handling clicks
       Adjusting for scrolling
       Detecting and adjusting for a window resize
       Next steps

Course Fee:
USD 25

Course Type:


Course Status:



3 - 4 hours / week

This course is listed under Development & Implementations and Quality Assurance & Testing Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top