Tutorial series

Understanding the DOM — Document Object Model

Understanding the DOM — Document Object Model

Introduction

The Document Object Model, usually referred to as the DOM, is an essential part of making websites interactive. It is an interface that allows a programming language to manipulate the content, structure, and style of a website. JavaScript is the client-side scripting language that connects to the DOM in an internet browser.

Tutorials in series

Tutorial

Introduction to the DOM

Tutorial

Understanding the DOM Tree and Nodes

Tutorial

How To Access Elements in the DOM

Tutorial

How To Traverse the DOM

Tutorial

How To Make Changes to the DOM

Tutorial

How To Modify Attributes, Classes, and Styles in the DOM

Tutorial

Understanding Events in JavaScript

Tutorial

Understanding the DOM — Document Object Model eBook

Become a contributor for community

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

DigitalOcean Documentation

Full documentation for every DigitalOcean product.

Resources for startups and SMBs

The Wave has everything you need to know about building a business, from raising funding to marketing your product.

Get our newsletter

Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.

New accounts only. By submitting your email you agree to our Privacy Policy

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Get started for free

Sign up and get $200 in credit for your first 60 days with DigitalOcean.*

*This promotional offer applies to new accounts only.