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
Elimina un hijo
removeChild
Reemplazar un hijo
replaceChild
Indica si tiene atributos y hijos
hasAttributes
hasChildNodes
Crear o modificar un atributo
setAttribute(name,value)
Lee el valor de un atributo
getAtrribute(name)
Crear un elemento
var parrafo = document.createElement(‘p’);
Atributos objeto windows
- weight: Define el ancho de la ventana
- high:Define el alto de la ventana
- name: obtiene el nombre de la ventana (este -atributo: se origina cuando ejecuto
- open().Puede ser utilizado para el target de un a
- closed:devuleve true si la ventana fue cerrada.
- length Retorna el n{umero de
- frames: contenidos en la ventana, incluye también los iframes
Atributos objeto windows
- weigh
- high
- name
- closed
- length
- frames:contenidos en la ventana, incluye también los iframes
Objeto Navigator
permite obtener diversas informaciones sobre el navegador donde se está ejecutando el código Javascript. Propiedades de solo lectura. -appCodeName -AppName -onLine
Objeto screen
Nos permitirá conocer la configuración de la pantalla del usuario. Atributos de solo lectura. -height -pixelDepth -width
Objeto history
Contiene una lista de las URL que el usuario ha visitado.
- lenght
- back
- forward
- go
Objeto location
Contiene informacion sobre la direccion de la pagina
- assing
- reload
- replace
