Usuario:ManuelRomero/JavaScript/dom/domJS

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.

Qué se puede hacer en JavaScript
elementos atributos estilos css
 * Permite cambiar dentro de un página html
 * Pemite añadir y eliminar elementos y atributos dentro de la página
 * Permite reaccionar ante cualquier evento
 * Podemos crear un evento en la páǵina

El DOM como objeto
El DOM (Document Object Model) es un objeto disponible para utilizar
 * Tiene una serie de métodos o funciones que puedo utilizar para hacer cosas
 * Tiene una serio de propiedades o valores que puedo consultar
 * A continuación vamos a ir viendo métods y propiedades y viéndo qué se puede hacer

Acceso a los nodos
Entendemos por nodo cada uno de los elementos que puedo tener en una página html
 * Así por ejemplo un image es un nodo, un párrafo un formulario etc.
 * Lo primero qu tenemos que hacer para poder obtener información o realizar acciones sobre un nodo es acceder a él
 * A continuación vamos a ver diferentes formas de acceder a un nodo o elemento


 * En caso de haber muchos elementos vamos a obtener un array con todos ellos

a

Accediendo y modificando sus atributos
element= document.getElementsById("x");
 * Una vez hemos localizado un elemento, tendremos que poder modificar desde el programa valores para que se puedan ver las acciones a realizar
 * element.innerHTML = Pone un nuevo contendio en el interior del elemento html
 * element.attribute = Pone un valor del atributo especificado de un elemento concreto
 * element.setAttribute(attribute, value)	 Igual que el caso anterior
 * element.style.property = new style	Cambia el estilo del elementos html especificado

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