Scribd
Cargar
15 vistas2 páginas

DOM Document

DOM Document

Cargado por

Dencel Camarillo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
15 vistas2 páginas

DOM Document

DOM Document

Cargado por

Dencel Camarillo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

2.14.

3 DOM Document
El Objeto HTML DOM Document, es el dueño de todos los demás objetos en la página web.

Si se desea acceder a cualquier elemento en una página HTML, siempre se deberá empezar
accediendo al objeto Document.

Encontrar Elementos HTML (HTML Elements)

MÉTODO DESCRIPCIÓN

Encuentra un elemento por su element


document.getElementById(id)
id
document.getElementsByTagName(name) Encuentra elementos por su tag name

document.getElementsByClassName(name) Encuentra elementos por su class name

Cambiar Elementos HTML (HTML Elements)

PROPIEDAD DESCRIPCIÓN

element.innerHTML = new html content Cambia el inner HTML de un element

Cambia el attribute value de un HTML


element.attribute = new value
element
element.style.property = new style Cambia el estilo de un HTML element

MÉTODO DESCRIPCIÓN
Cambiar el attribute value de un HTML
element.setAttribute(attribute, value)
element

Agregar y Eliminar Elementos (HTML Elements)

MÉTODO DESCRIPCIÓN

document.createElement(element) Crea un HTML element

document.removeChild(element) Elimina un HTML element

document.appendChild(element) Agrega un HTML element

document.replaceChild(new, old) Reemplaza un HTML element

document.write(text) Escribe en el flujo de salida HTML


Agregando Manejador de Eventos (Events Handlers)

MÉTODO DESCRIPCIÓN

document.getElementById(id).onclick = Agrega Event Handler Code a un onclick


function(){code} event

Encontrar Objetos HTML (HTML Objects)

PROPIEDAD DESCRIPCIÓN

Retorna todos los elementos <a> que


document.anchors
tienen un name attribute

document.body Retorna el elemento <body>

document.cookie Retorna la cookie del documento

document.doctype Retorna el doctype del documento

document.documentElement Retorna el <html> element

document.documentMode Retorna el modo usado por el navegador

document.documentURI Retorna la URI de un documento

Retorna el domain name del document


document.domain
server

Encontrar Objetos HTML (HTML Objects)

PROPIEDAD DESCRIPCIÓN

document.forms Retorna todos los <form> elements

document.embeds Retorna todos los <embed> elements

document.head Retorna el <head> element

document.images Retorna todos los <img> elements

Retorna todos los <area> y <a> elements


document.links
que tiene un href attribute

document.scripts Retorna todos los <script> elements

document.title Retorna todos los <title> elements

document.URL Retorna la URL completa del documento

También podría gustarte