Scribd
Cargar
20 vistas

CORE 03 JavaScript Cliente Mod-3 14

Cargado por

Lanncet
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
20 vistas

CORE 03 JavaScript Cliente Mod-3 14

Cargado por

Lanncet
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

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