DOM

Golden Statement:
Each HTML document loaded into a browser window becomes a Document object.
The Document object provides access to all HTML elements in a page, from within a script.
Reference: http://www.w3schools.com/jsref/dom_obj_document.asp

Golden Statement:
Web browsers rely on layout engines to parse HTML into a DOM. Some layout engines such as Trident/MSHTML and Presto are associated primarily or exclusively with a particular browser such as Internet Explorer and Opera respectively. Others, such as WebKit and Gecko, are shared by a number of browsers, such as Safari, Google Chrome, RockMelt, Firefox or Flock. The different layout engines implement the DOM standards to varying degrees of compliance.

Reference: http://en.wikipedia.org/wiki/Document_Object_Model

Golden Statement:
The HTML objects , which belongs to the DOM have descending relationship with each other.
The topmost object in DOM is Navigator(i.e. Browser) itself. The next level in DOM is browser's Window. And next is Documents displayed in Browser's Window.
DOM -> Window
    |-> Document
      |-> Anchor
      |-> Link
      |-> Form
            |-> Text-box
            |-> Text Area
            |-> Radio Button
            |-> Check Box
            |-> Select
            |-> Button
Reference: http://en.wikipedia.org/wiki/Document_Object_Model

XML DOM

Golden Statement:
Most browsers have a built-in XML parser to read and manipulate XML.
An XML parser reads XML, and converts it into an XML DOM object that can be accessed with JavaScript.
Reference: http://www.w3schools.com/dom/dom_parser.asp

Golden Statement:
In the DOM, everything in an XML document is a node.
Text is Always Stored in Text Nodes

• In the DOM, everything in an XML document is a node.
• The entire document is a document node
• Every XML element is an element node
• The text in the XML elements are text nodes
• Every attribute is an attribute node
• Comments are comment nodes

Reference: http://www.w3schools.com/dom/dom_nodes.asp

Golden Statement:
Some of the XML DOM properties:

• x.nodeName - the name of x
• x.nodeValue - the value of x
• x.parentNode - the parent node of x
• x.childNodes - the child nodes of x
• x.attributes - the attributes nodes of x
• x.firstChild - the first child of x

Note: In the list above, x is a node object.

Some of the XML DOM Methods

• x.getElementsByTagName(name) - get all elements with a specified tag name
• x.appendChild(node) - insert a child node to x
• x.removeChild(node) - remove a child node from x
• xmlDoc.documentElement - get the root element if xmlDoc is the XML DOM
• x.getAttribute("attribute-name")
• x.setAttribute("attribute-name","attribute-value")

Note: In the list above, x is a node object.
Reference: http://www.w3schools.com/dom/dom_methods.asp