HTML5, CSS3 y JavaScript Nivel l

HTML5, CSS3 y JavaScript. Nivel I

Referencias DOM
JavaScript

-1- Referencias DOM JavaScript

 HTML5, CSS3 y JavaScript Nivel l

Objeto Descripción
Anchor
Representa un elemento HTML (hipervínculo).
Applet
Representa un elemento applet HTML. El elemento applet es usado para
ubicar el contenido ejecutable en una página.
Area
Representa un área de una image-map. Una image-map es una imagen
con regiones donde podemos dar clic.
Base
Representa un elemento base HTML.
Basefont
Representa un elemento basefont HTML.
Body
Representa el cuerpo de un documento.
Button
Usado cuando se presiona un botón en un formulario HTML. Por cada
instancia de una etiqueta HTML <input type = "button"> en un formulario,
un objeto Button es creado.
Checkbox
Representa un checkbox en un formulario HTML. Por cada instancia de
una etiqueta HTML <input type = "checkbox"> en un formulario, un objeto
Checkbox es creado.
Document
Usado para acceder a todos los elementos en una página.
Event
Representa el estado de un evento, tal como el elemento en el cual el
evento ocurre, el estado de las teclas del teclado, la ubicación del mouse
y el estado de los botones de este.
FileUpload
Por casa instancia de un etiqueta HTML <input type = "file"> de un
formulario, un objeto FileUpload es creado.
Form
Utilizado para la entrada de datos por el usuario.
Frame
Representa un frame (marco) o una subzona en HTML.
Frameset
Permite dividir una zona en subzonas, sea horizontal o verticalmente.
Hidden
Representa un campo oculto.
History
Consiste en un arreglo de URL's, las cuales han sido visitadas por el
usuario que usa la ventana del navegador.
Iframe
Permite insertar un marco dentro de un bloque de texto.
Image
Representa una imagen en HTML.

-2- Referencias DOM JavaScript

 HTML5, CSS3 y JavaScript Nivel l

Link
Representa un elemento link en HTML. Define una relación entre dos
documentos ligados.
Location
Contiene la información sobre la URL actual.
Meta
Proporciona la meta-información de un documento HTML, tal como
descripciones y palabras claves para los motores de busqueda.
NamedNodeMap
Se utiliza para representar conjunto de nodos que se puede acceder por
su nombre
Navigator
Contiene la información del navegador del cliente.
Option
Representa una opción en una lista de selección en un formulario de
HTML.
Password
Representa un campo de contraseña en un formulario.
Radio
Representa un radiobutton (botones de radio) de HTML.
Reset
Representa un botón de ajuste o de borrado en los campos de un
formulario.
Screen
Este objeto se crea automáticamente. Contiene la información sobre la
pantalla de visualización del cliente.
Select
Representa una lista de selección en un formulario.
Style
Representa una declaración individual del estilo.
Submit
Representa un botón para enviar los datos de un formulario.
Table
Representa una tabla en HTML.
TableData
Representa los elementos o datos de una tabla.
TableHeader
Representa los encabezados de una tabla
TableRow
Representa el inicio y el final de una linea en una tabla.
Text
Representa un campo de texto en un formulario.
Textarea
Representa un área de texto.
Window
Representa la ventana del navegador

-3- Referencias DOM JavaScript

 HTML5, CSS3 y JavaScript Nivel l

Método Objeto DOM / Descripción

adoptNode()
Document / Adopta un nodo de otro documento externo
createCDATASection()
Document / Crea un nuevo nodo CDATA
createComment()
Document / Crea un nuevo nodo comment
createDocumentFragment()
Document / Crea un nuevo document fragment
createAttribute()
Document / Crea un nuevo objeto Attr
createElementNS
Document / Crea un nueve element
createEvent()
Document / Crea un objeto event
createNodeIterator()
Document / Crea un objeto NodeIterator
createProcessingInstruction()
Document / Crea un nuevo objeto ProcessingInstruction
createRange()
Document / Crea un objeto Range
createTouch()
Document / Crea un objeto Touch
createTouchList()
Document / Crea un objeto TouchList
createTouchList()
Document / Crea un objeto TreeWalker
enableStyleSheetsForSet()
Document / Habilita el estilo sheets
getElementsByClassName()
Document / Devuelve un lista de elementos con el class
name dada
getElementsByTagName
Document / Devuelve una lista de elementos con el tag
name dado
getElementsByTagNameNS
Document / Devuelve una lista de elementos con el tag
name y namespace dado
importNode
Document / Devuelve un clon del nodo procedente de un
documento externo
getElementById
Document / Devuelve el nodo elemento cuyo id es
(Identificador)
Identificador
getElementByTagName
Document / Devuelve una lista ordenada de todos los
(Nombre)
nodos Element que tengan como nombre etiqueta Nombre

-4- Referencias DOM JavaScript

 HTML5, CSS3 y JavaScript Nivel l

createElement (Tipo)
Document / Crea un nodo tipo Element del tipo
especificado en Tipo
createTextNode (Cadena)
Document / Crea un nodo tipo Text con el valor Cadena
appendChild (NuevoNodo)
Node / Añade el nodo NuevoNodo al final del conjunto de
hijos al que se aplica
removeChild (Nodo)
Node / Retira Nodo del conjunto de hijos del nodo al que
se aplica
getNamedItem (Nombre)
NamedNodeMap / Obtiene el valor del atributo
especificado por Nombre
getAttribute (Nombre)
Element / Devuelve el valor del atributo Nombre
setAttribute (Nombre, Valor)
Element / Añade al elemento un nuevo atributo Nombre,
estableciendo Valor
insertRow (Número)
HTMLTableSectionElement / Inserta en la sección una fila
vacía antes de la fila que ocupa el lugar Número
deleteRow (Número)
HTMLTableSectionElement / Elimina de la sección la fila
que ocupa el lugar Número
insertCell (Número)
HTMLTableSectionElement / Inserta una celda en la fila
antes de la celda que ocupa el lugar Número
initEvent()
Inicializa el valor del evento creado
preventDefault()
Cancela el evento
stopImmediatePropagation()
Para este evento en particular no se llamará ningún otro
oyente
stopPropagation()
Para la propagación de los eventos más adelante en el
DOM

-5- Referencias DOM JavaScript