Javascript
DOM

With the HTML DOM, JavaScript
can access and change
all the elements of an HTML document.

hero

With the object model, JavaScript gets all the power it needs to create dynamic HTML:

JavaScript can change all the HTML elements in the page
JavaScript can change all the HTML attributes in the page
JavaScript can change all the CSS styles in the page
JavaScript can remove existing HTML elements and attributes
JavaScript can add new HTML elements and attributes
JavaScript can react to all existing HTML events in the page
JavaScript can create new HTML events in the page

Here is a list of some DOM manipulation along with example

DOM Intro

DOM Method

DOM Document

DOM Element

DOM HTML

DOM Forms

DOM CSS

DOM Animation

DOM Event

DOM Event Listener

DOM Navigation

DOM Nodes

DOM Collection

DOM Node Lists