1.3 - The DOM

Question 1

En qué nos ayuda el DOM

Answer 1

Nos permite interactuar con un document HTML

Question 2

Técnicamente, que es el DOM

Answer 2

es una API por cada HTML, como también documentos XML, y SVG. Nos ofrece una representación en forma de objetos en un árbol

Question 3

With the DOM, programmers can… ?

Answer 3

Build documents Navigate their structure Add, modify, delete elements and content.

Question 4

Web Browsers, uses the DOM, for what?

Answer 4

Use the DOM specifications to determine how they will display the web pages

Question 5

When we load a web page in the browser, what happens behind the scenes?

Answer 5

The browser is taking the HTML document sent from the server, and converting it into the DOM

Question 6

Any language can interact with the DOM?

Answer 6

Yes, the DOM is language agnostic.

Question 7

For what purpose we use JS with the DOM?

Answer 7

As a way to access and interact with elements on a Web Page

Question 8

In the DOM, everything is made up of what things?

Answer 8

NODES

Question 9

What are the “NODES”?

Answer 9

Objects that are then made into trees

Question 10

What nodes have, as objects has?

Answer 10

properties and methods

Question 11

How many node types exists, that are related to our purpose?

Answer 11

6

Question 12

Name the 6 nodes types ir numeric order

Answer 12

1 - Element

3 - Text

8 - Comments

9 - Document

10 - DocumentType

11 - DocumentFragments

Question 13

The node type Document What identification number it has, and what is his purpose?

Answer 13

number: 9 It is the HTML document itself

Question 14

The node type DocumentType What identification number it has, and what is his purpose?

Answer 14

number: 10 Handles the Doctype. e.g. for HTML5 documents.

Question 15

The node type Element What identification number it has, and what is his purpose?

Answer 15

number: 1 Element nodes, quite common, represent all of the HTML elements on a page.

Question 16

The node type Text What identification number it has, and what is his purpose?

Answer 16

number: 3 text values(valores de texto) often found inside node elements or attributes.

Question 17

Node types and Node elements are the same?

Answer 17

NO

Question 18

The node type Comments What identification number it has, and what is his purpose?

Answer 18

number: 8 HTML comments

Question 19

The node type DocumentFragments What identification number it has, and what is his purpose?

Answer 19

number: 11 Collection of nodes, often used for inserting a group of elements or text nodes together into a document.

Question 20

Attributes elements are nodes in their own right?

Answer 20

NO, that was in the past, from DOM 4, attributes will no longer be nodes in the same way.

Question 21

There is any way in the browser to see the DOM represented as a tree like fashion?

Answer 21

NO, but it´s quite common to picture it or imagine it like a “tree like” for learning purposes

Question 22

There will be some text nodes that contain white spaces?

Answer 22

YES

Question 23

Some text nodes will have whitespace at the beginning or end?

Answer 23

Both

Question 24

The DOM, essentially connects web pages to scripts or programming languages?

Answer 24

YES

Question 25

What it does? only readable? document.url

Answer 25

Returns the document location as a string Retorna la locación del document como una cadena Read only

Question 26

What it does? only readable? document.location

Answer 26

returns a Location object, which contains information about the URL of the document, and provides methods for changing that URL and loading another URL Read only

Question 27

What it does? only readable? document.characterSet

Answer 27

Returns the character set being used by the document Read only

Question 28

what it does? read only? document.title

Answer 28

sets or gets the title of the current document SET AND GET

Question 29

What it does? Read only? document.styleSheets

Answer 29

returns a list of the style sheet objects on the current document Read only

Question 30

what it does? only readable? document.scripts

Answer 30

Returns all the \< script \> elements on the document read only

Question 31

what it does? only readable? document.head

Answer 31

returns the \< head \> element of the current document read only

Question 32

what it does? read only? document.body

Answer 32

returns the \< body \> element of the current document only readable, we need to use other methods to change the body as document.body.textContent

Question 33

what it does? read only? document.links

Answer 33

returns a list of all the hyperlinks in the document read only

Question 34

what it does? only readable? document.images

Answer 34

returns a list of the images in the current document read only

Question 35

what it does? read only? document.forms

Answer 35

returns a list of the \< form \> elements within the current document read only

Question 36

what it does? document.getElementById()

Answer 36

returns an object reference to the identified element

Question 37

what it does? document.getElementsByTagName()

Answer 37

Returns a list of elements with a given tag name

Question 38

what it does? document.getElementsByClassName()

Answer 38

Returns a list of elements with the given class name

Question 39

what it does? document.querySelector()

Answer 39

Returns the **first element** node within the document, **in document order**, that matches the specific selectors

Question 40

what it does? document.querySelectorAll()

Answer 40

returns a list of all the element nodes within the document that match the specified selectors

Question 41

How can we get the current document location as a string?

Answer 41

document.url

Question 42

How can we get the object location

Answer 42

document.location

Question 43

How can we get the character set being used by the document?

Answer 43

document.characterSet

Question 44

How can we get and set the title of a document?

Answer 44

document.title

Question 45

How can we get a collection of th style sheets objects on the current document

Answer 45

document.styleSheets

Question 46

How can we get all the \< scripts \> elements on the document

Answer 46

document.scripts

Question 47

How can we get the head element of the current document?

Answer 47

document.head

Question 48

How can we get the body of the current document?

Answer 48

document.body

Question 49

How can we get a collection of all the hyperlinks in the current document

Answer 49

document.links

Question 50

How do we get a collection of the images in the current document?

Answer 50

document.images

Question 51

How do we get a collection of all the \< form \> elements in the current document

Answer 51

document.forms

Question 52

How do we return an object reference by their ID class

Answer 52

document.getElementById()

Question 53

How do we return a list/collection of elements with a given tag name?

Answer 53

document.getElementsByTagName()

Question 54

How do we get a collection / list of elements with the given class name

Answer 54

document.getElementsByClassName()

Question 55

How do we get the first element node in the document, that matches the specific selectors

Answer 55

document.querySelector()

Question 56

How do we get a list / collection of all the element nodes within the document that match the specified selectors?

Answer 56

document.querySelectorAll()