Data Object Model (DOM)

Question 1

DOM defintion and process

Answer 1

shows the websites structure in form of a tree

It’s a cross-platform and language-independent application programming interface.

1. When a web page is loaded, the browser creates a Document Object Model of the page.
2. The HTML DOM model is constructed as a tree of Objects.
3. With the object model, JavaScript gets all the power it needs to create dynamic HTML.

Question 2

The use of an HTML DOM for JavaScript

Answer 2

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

• most JS code manipulates elements on an HTML page
• we can examine elements’ state (e.g. see whether a box is checked)
• we can change state (e.g. insert some new text into a div)
• we can change styles (e.g. make a paragraph red)

Question 3

The 6 global DOM objects (+ respective descriptions)

Answer 3

Question 4

What are the DOM object properties?

Answer 4

Question 5

What are the DOM properties for form controls?

Answer 5

Question 6

How are DOM objects accessed?

Answer 6