Code Snipcademy official logo
  • Challenges
    • Arrays
    • Brain Teasers
    • Coding
    • Linked Lists
    • Math
    • Strings
    • Bioinformatics
    • Lists
  • Resources
    • java logo for Code
      Java
    • linux logo for Code
      Linux & UNIX
    • python logo for Code
      Python
    • Productivity Tools
    • Design
    • Good Practice
    • Bioinformatics
    • Data Structures
    • Algorithms
    • Front-end
    • Back Problems
  • Tutorials
    • HTML 5
    • CSS 3
    • JavaScript
    • vim logo for Code
      Vim
    • Regex
    • google logo for Code
      Google
    • octocat logo for Code
      Git
    • java logo for Code
      Java
    • python logo for Code
      Python
    • Linux Command Line
    • Bash Shell Scripting
    • linux logo for Code
      Linux Operating System
    • Data Structures
    • Algorithms
  1. Home
  2. Tutorials
  3. JavaScript
  4. Document Object Model

JavaScript Tutorial - Document Object Model

Learn about JavaScript's document object model, which can be used to manipulate the elements on an HTML page.

  1. Introduction to the DOM

    Take a look into the Document Object Model, its tree-like structure and the four types of nodes.

  2. Accessing single elements and tree traversal

    Learn how to access single elements by using the getElementById() function as well as the querySelector(). Additionally, learn how to traverse the DOM tree.

  3. Accessing multiple elements and NodeLists

    Learn how to access multiple elements and manipulate NodeLists in Javascript.

  4. Modifying text and attributes fields

    Learn how to modify text and attribute fields in JavaScript using nodeValue, innerHTML, textContent, and learn about the methods used to access and update attributes.

  5. Creating and Deleting Elements

    Learn how to create elements, add attributes to them and attach them to the DOM. Also learn how to remove elements from the DOM.

Thank you for reporting bugs to bugs@snipcademy.com.

Copyright © Snipcademy 2019

Disclaimer: Snipcademy is supported by your purchases of our recommended products through Amazon Services LLC and the ads posted on our website. All products listed are thoroughly researched, curated and reviewed so that viewers are given the best recommendations. Thank you and happy browsing!

Med - Code - Bioinformatics - Golf - Cat - Money - Astro -