---
title: Referencia DOM de Gecko
slug: Referencia_DOM_de_Gecko
tags:
  - DOM
  - NecesitaRevisiónTécnica
  - Todas_las_Categorías
translation_of: Web/API/Document_Object_Model
---
<p>
« <a href="es/Referencia_DOM_de_Gecko">Referencia DOM de Gecko</a>
</p><p><br>
Aquí está la tabla de contenido para la referencia <a href="es/DOM">DOM</a> de <a href="es/Gecko">Gecko</a>.
</p>
<h4 id="Prefacio"> <a href="es/Referencia_DOM_de_Gecko/Prefacio">Prefacio</a> </h4>
<ul><li> <a href="es/Referencia_DOM_de_Gecko/Prefacio#Sobre_.C3.A9sta_referencia">Sobre ésta referencia</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Prefacio#A_qui.C3.A9n_est.C3.A1_dirigida_esta_gu.C3.ADa.3F">A quién está dirigida esta guía?</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Prefacio#Qu.C3.A9_es_Gecko.3F">Qué es Gecko?</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Prefacio#Sintaxis_del_API">Sintaxis del API</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Prefacio#Utilizaci.C3.B3n_de_ejemplos">Utilización de ejemplos</a>
</li></ul>
<h4 id="Introducci.C3.B3n"> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n">Introducción</a> </h4>
<ul><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#Qu.C3.A9_es_el_DOM.3F">Qué es el DOM?</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#DOM_y_JavaScript">DOM y JavaScript</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#C.C3.B3mo_se_accede_al_DOM.3F">Cómo se accede al DOM?</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#Importancia_de_los_tipos_de_datos">Tipos de datos importantes</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#Interfaces_del_DOM">Interfaces del DOM</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Introducci%c3%b3n#Probando_el_API_del_DOM">Probando el API del DOM</a>
</li></ul>
<h4 id="La_referencia_al_elemento_.28element.29_de_DOM"> <a href="es/DOM/element">La referencia al elemento (<code>element</code>) de DOM</a> </h4>
<ul><li> <a href="es/DOM/element#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/element#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/element#M.C3.A9todos">Métodos</a>
</li><li> <a href="es/DOM/element#Manejo_de_los_eventos">Manejo de los eventos</a>
</li></ul>
<h4 id="La_referencia_a_la_ventana_.28window.29_de_DOM"> <a href="es/DOM/window">La referencia a la ventana (<code>window</code>) de DOM</a> </h4>
<ul><li> <a href="es/DOM/window#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/window#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/window#M.C3.A9todos">Métodos</a>
</li><li> <a href="es/DOM/window#Manejo_de_los_eventos">Manejo de los eventos</a>
</li></ul>
<h4 id="La_referencia_al_document_de_DOM"> <a href="es/DOM/document">La referencia al <code>document</code> de DOM</a> </h4>
<ul><li> <a href="es/DOM/document#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/document#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/document#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="La_referencia_al_event_de_DOM"> <a href="es/DOM/event">La referencia al <code>event</code> de DOM</a> </h4>
<ul><li> <a href="es/DOM/event#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/event#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/event#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="La_referencia_al_estilo_.28style.29_de_DOM"> <a href="es/DOM/style">La referencia al estilo (<code>style</code>) de DOM</a> </h4>
<ul><li> <a href="es/DOM/style#Notas">Notas</a>
</li><li> <a href="es/DOM/style#Material_que_se_mover.C3.A1_a_otras_p.C3.A1ginas"> Material que se moverá a otras páginas</a>
</li></ul>
<h4 id="La_referencia_al_rango_.28range.29_de_DOM"> <a href="es/DOM/range">La referencia al rango (<code>range</code>) de DOM</a> </h4>
<ul><li> <a href="es/DOM/range#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/range#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/range#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="La_referencia_a_la_selecci.C3.B3n_.28selection.29_de_DOM"> <a href="es/DOM/selection">La referencia a la selección (<code>selection</code>) de DOM</a> </h4>
<ul><li> <a href="es/DOM/Selection#Introducci.C3.B3n">Introducción</a>
</li><li> <a href="es/DOM/Selection#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/Selection#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="Interfaz_del_elemento_formulario_.28form.29_en_HTML"> <a href="es/DOM/form">Interfaz del elemento formulario (<code>form</code>) en HTML</a> </h4>
<ul><li> <a href="es/DOM/form#Interfaz_del_elemento_formulario_en_HTML">Interfaz del elemento formulario en HTML</a>
</li><li> <a href="es/DOM/form#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/form#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="Interfaz_del_elemento_tabla_.28table.29_en_HTML"> <a href="es/DOM/table">Interfaz del elemento tabla (<code>table</code>) en HTML</a> </h4>
<ul><li> <a href="es/DOM/table#Interfaz_del_elemento_tabla_en_HTML">Interfaz del elemento tabla en HTML</a>
</li><li> <a href="es/DOM/table#Propiedades">Propiedades</a>
</li><li> <a href="es/DOM/table#M.C3.A9todos">Métodos</a>
</li></ul>
<h4 id="Ejemplos_DOM"> <a href="es/Referencia_DOM_de_Gecko/Ejemplos">Ejemplos DOM</a> </h4>
<ul><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_1:_Altos_y_anchos">Ejemplo 1: Altos y anchos</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_2:_Atributos_de_una_imagen">Ejemplo 2: Atributos de una imagen</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_3:_Manipulaci.C3.B3n_de_estilos">Ejemplo 3: Manipulación de estilos</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_4:_Utilizaci.C3.B3n_de_la_hoja_de_estilo">Ejemplo 4: Utilización de la hoja de estilo</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_5:_Propagaci.C3.B3n_del_evento">Ejemplo 5: Propagación del evento</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_6:_Conseguir_el_estilo_computado">Ejemplo 6: Conseguir el estilo computado (<code>getComputedStyle</code>)</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_7:_Mostrar_las_propiedades_del_objeto_de_evento">Ejemplo 7: Mostrar las propiedades del objeto de evento</a>
</li><li> <a href="es/Referencia_DOM_de_Gecko/Ejemplos#Ejemplo_8:_Utilizaci.C3.B3n_del_interfaz_de_tabla_del_DOM">Ejemplo 8: Utilización del interfaz de tabla del DOM</a>
</li></ul>
<div class="originaldocinfo">
<h3 id="Informaci.C3.B3n_sobre_el_documento_original"> Información sobre el documento original </h3>
<ul><li> Última actualización: 22 de Octubre de 2006
</li></ul>
</div>
{{ languages( { "en": "en/Gecko_DOM_Reference", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko", "it": "it/Reference_del_DOM_di_Gecko", "ja": "ja/Gecko_DOM_Reference", "ko": "ko/Gecko_DOM_Reference", "pl": "pl/Dokumentacja_Gecko_DOM", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003" } ) }}