DOM Explained

DOM EXPLAINED

D=Document O=Object M=Model

Introduction

The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term "document" is used in the broad sense - increasingly..

The Document Object Model, programmers can build documents, navigate their structure, and add, modify, or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted, or added using the Document Object Model, with a few exceptions ...

Click for full text at W3.Org

Lets Test DOM

To test how to change things in your page by using DOM and JavaScript

When you click Color Picker which was populated by HTML5 we call changeBack() javascript code by onchange event.
The function recieves changed value of color picker and go to root of the document find body tag and change its value with the new value taken by using DOM. While changing background of BODY it also change TEXTBOx's value too you can copy the rgb value you like
Bonus when you change color bright it changes the font color of all page for readability, try dark and light colors to see that

DOM Explained by color change