Usuario:Juanda/javascript/Dom

JavaScript es un lenguaje POO*

 * Presenta objetos que se pueden usar
 * Permite crear tus propios objetos y tus propios tipos de variables (JavaScript Avanzado)
 * Un objeto es un tipo especial de dato que tiene
 * Propiedades
 * Métodos

OOP = object oriented programming
 * POO = programación orientada a objetos

Propiedades
Valores que se asocian con los objetos. Ejemplo con el objeto String:

Métodos
Acciones que se ejecutan sobre objetos. Ejemplo con el objeto String:

Objeto Date
Para trabajar con fechas y horas. Se inicializa automáticamente en la declaración, con la fecha y hora actuales.

Objeto Array
Varias posibilidades para declararlas e inicializarlas:

Presentan numerosos métodos para hacer las operaciones más habituales, por ejemplo, ordenamiento (método sort): Resultado: Jani,Hege,Stale,Kai Jim,Borge,Tove Borge,Hege,Jani,Kai Jim,Stale,Tove

Algunos objetos referidos al navegador
Window: Representa la ventana del navegador. Navigator: Contiene información sobre el navegador Web Screen: Contiene información sobre la pantalla del ordenador History :	Contiene información sobre las URLs visitadas Location: Contiene información sobre la URL actual en el navegador Un ejemplo:

Qué es el DOM

 * Es un estándar de la W3C.
 * Es una abreviatura de HTML Document Object Model.
 * Consiste en un conjunto de objetos para los html y una forma estándar para acceder y manipular las páginas (documentos html).
 * HTML DOM no depende de ninguna plataforma ni lenguaje de programación determinado. DOM es una utilidad disponible también para otros lenguajes como Java y PHP.
 * Alguno de los objetos son Document, Image, Body, Form, Frame, Iframe, etc.
 * Cada objeto puede tener una colección de objetos asociados, unas propiedades y unos métodos.

Acceso a los nodos

 * Acceso directo
 * A través de sus nodos padre

Acceso directo a atributos

 * Para obtener las propiedades CSS, mediante el atributo style:


 * Si el nombre de una propiedad CSS es compuesto, se accede a su valor modificando ligeramente su nombre:
 * font-weight se transforma en fontWeight
 * line-height se transforma en lineHeight