Scribd
Cargar
48 vistas3 páginas

CORE 03 JavaScript Cliente Mod-3 14

El documento explica cómo acceder y modificar elementos HTML utilizando el DOM en JavaScript. Se presentan métodos como getElementById para obtener elementos y propiedades como innerHTML y outerHTML para acceder y modificar el contenido HTML interno y externo. Además, se muestra un ejemplo de cómo cambiar el contenido de un elemento HTML desde la consola de JavaScript.

Cargado por

Lanncet
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
48 vistas3 páginas

CORE 03 JavaScript Cliente Mod-3 14

El documento explica cómo acceder y modificar elementos HTML utilizando el DOM en JavaScript. Se presentan métodos como getElementById para obtener elementos y propiedades como innerHTML y outerHTML para acceder y modificar el contenido HTML interno y externo. Además, se muestra un ejemplo de cómo cambiar el contenido de un elemento HTML desde la consola de JavaScript.

Cargado por

Lanncet
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

Acceso a elementos

HTML con DOM

document
n Objeto del entorno que da acceso al documento HTML

getElementById("titulo")
n Método que retorna el objeto DOM del elemento HTML con id="titulo"

innerHTML
n Propiedad con el HTML interno asociado a ese objeto DOM
© Juan Quemada, DIT, UPM 40
HTML interno y externo
HTML interno: texto HTML contenido entre las marcas del elemento
n innerHTML: propiedad del objeto DOM que da acceso al HTML interno
HTML externo: texto HTML completo del elemento (incluyendo sus marcas)
n outerHTML: propiedad del objeto DOM que contiene el HTML externo

Elemento HTML <h2 id="titulo">….</div>


Objeto DOM asociado con: document.getElementById("titulo")

innerHTML

outerHTML

© Juan Quemada, DIT, UPM 41


Modificar la página HTML cargada desde la
consola JavaScript

Modificar
HTML
mostrado

document.getElementById("titulo").innerHTML="Cambio";
Modifica el HTML y por lo tanto lo que se muestra en el navegador.

42
© Juan Quemada, DIT, UPM

También podría gustarte