Video: JavaScript en el navegador: Objetos window y document 2025
Puede usar JavaScript para acceder a un elemento dentro de una página HTML. Puede hacer esto para hacer cambios en el elemento o en el estilo de CSS. Pruébalo en un ejercicio.
-
Abra su editor de texto con un documento nuevo o en blanco.
-
En el editor de texto, coloque el siguiente HTML y JavaScript:
Capítulo 2 Hola segunda línea Esto está en un párrafo.
Last Line var theDiv = document. getElementById ("myDiv"); alerta ("El contenido es" + theDiv. innerHTML); -
Guarde el archivo como getbyid. html en su documento raíz.
-
Abra su navegador web y vea la página en // localhost / getbyid. html.
Debería ver una alerta como la que se muestra aquí.
-
Haga clic en Aceptar para cerrar la alerta y cerrar su navegador.
-
De vuelta dentro de getbyid. html en su editor, elimine la línea de JavaScript que comienza con la alerta. Reemplace esa línea con estos dos:
theDiv. estilo. border = "3px negro sólido"; theDiv. innerHTML = "Esto ahora es texto modificado.";
Todo el bloque de scripts debería verse ahora así:
var theDiv = document. getElementById ("myDiv"); theDiv. estilo. border = "3px negro sólido"; theDiv. innerHTML = "Esto ahora es texto modificado.";Cuando se ve en un navegador, la página ahora se ve como la que se muestra aquí. Observe específicamente que el texto de la línea superior se ha cambiado y ahora tiene un borde.
