Data Object Model (DOM) Flashcards

1
Q

DOM defintion and process

A

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.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

The use of an HTML DOM for JavaScript

A

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)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

The 6 global DOM objects (+ respective descriptions)

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the DOM object properties?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What are the DOM properties for form controls?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How are DOM objects accessed?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly