Tema 6.1: DOM - Document Object Model

Document Object Model

Todo programa JavaScript que se ejecuta en un navegador se ejecuta dentro del objeto global window

http://www.w3schools.com/jsref/obj_window.asp

windows.screen es equivalente a this.screen y a screen

Si queremos definir una variable global, no utilizamos var. Ejemplo: x = 1. Esta propiedad (variable global) estará definida en el objeto global windows.

location: contiene el url de la página web

history: propiedad con la historia de la navegación

screen: dimensiones de la pantalla

document

http://www.w3schools.com/jsref/

Conjunto de objetos con el que se interacciona con la página html

Está dentro del objeto windows

El método document.getElementById("id") devuelve el objeto que representa al elemento de la página HTML con identificador id. Se utiliza como interfaz entre la página HTML y JavaScript

La propiedad innerHTML permite extraer/insertar HTML en el elemento document.

+=: concatenar un string con el anterior

Otros métodos:

• getElementsByName("my_name")
• getElementsByTagName("my tag")
• getElementsByClassName("my class")
• querySelectorAll("CSS selector")