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
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
Atributos objeto windows
Objeto Navigator
permite obtener diversas informaciones sobre el navegador donde se está ejecutando el código Javascript. Propiedades de solo lectura. -appCodeName -AppName -onLine