DOM Flashcards
Dom
Es una interfaz de programación de aplicaciones (API) que permite acceder y manipular, mediante la programación, los contenidos de una página web (o XML).
Dom trabaja con
DOM proporciona también una interfaz para trabajar con eventos, permitiendo capturar y responder a las acciones del usuario o del navegador.
Objeto document
Sirve de raíz del árbol de elementos de la página web.
Tiene todo el contenido de la página que se está visualizando.
Acceso a elementos
document. images[0].src = “banner.jpg” o
document. images[“mibanner”].src = “banner.jpg” o
document. mibanner.src = “banner.jpg”
Siendo: <img></img>
getElementsbyName
Trae el objeto con ese nombre
getElementsbyTagName()
Trae una coleccion con el misgo tagname
Metodo write
El siguiente ejemplo abre un nuevo flujo (stream) de datos en un documento y escribe en este.
Flujo de escritura del documento
Es el proceso en el cual el navegador escribe (lo que interpreta) en el documento.
El flujo comienza cuando se empieza a escribir el primer elemento de la página y dura hasta que termina de escribirse «».
Una vez terminado de escribir el flujo se cierra automáticamente. A partir de este momento no se puede volver a escribir en la página.
Acceso a elementos checkbox
tienen un array implícito, que tiene su nombre.
var numChecked = 0;
var pers = document.getElementById(“Persona”);
for (index = 0; index < pers.deportes.length; index++)
if (pers.deportes[index].checked]
numChecked++;//lleva cantidad de seleccionados
Que se puede hacer con DOM?
Se puede acceder a cualquier cosa que se encuentre en un documento html
Nodos DOM
De acuerdo a DOM, todo en el documento html es un nodo
Tipos de nodos
- Document node:El documento completo
- Element node:Cualquier elemento HTML
- Text nodes: Los textos/datos en los elementos
- Attr node:Cada atributo
- Comment nodes:Comentarios
Agregar un hijo:
appendChild
Insertar un hijo antes que otro
insertBefore
Duplica un nodo
cloneNode