Introducción a JavaScript

Este capítulo le proporciona algunos ejemplos de cómo mostrar las capacidades de JavaScript.

JavaScript puede cambiar el contenido HTML

getElementById() es una de las múltiples métodos JavaScript HTML.

Este ejemplo utiliza este método para "encontrar" el elemento HTML con id="demo" y cambiar el contenido del elemento (innerHTMLCambiar a "Hello JavaScript":

Ejemplo

document.getElementById("demo").innerHTML = "Hello JavaScript";

Prueba por tu cuenta

Consejo:JavaScript acepta tanto comillas dobles como comillas simples:

Ejemplo

document.getElementById("demo").innerHTML = 'Hello JavaScript';

Prueba por tu cuenta

JavaScript puede cambiar las propiedades HTML

Este ejemplo cambia a través de la modificación de <img> del src Atributo (source) para cambiar una imagen HTML：

Lámpara


Prueba por tu cuenta

JavaScript puede cambiar el estilo (CSS) de HTML

Cambiar el estilo de un elemento HTML es una variante de cambiar una propiedad HTML：

Ejemplo

document.getElementById("demo").style.fontSize = "25px";

Prueba por tu cuenta

JavaScript puede ocultar elementos HTML

Se puede cambiar display Estilos para ocultar elementos HTML：

Ejemplo

document.getElementById("demo").style.display="none";

Prueba por tu cuenta

JavaScript puede mostrar elementos HTML

Se puede cambiar display Estilos para mostrar elementos HTML ocultos：

Ejemplo

document.getElementById("demo").style.display="block";

Prueba por tu cuenta

Lectura complementaria

Tutoriales avanzados de JavaScript： Historia de JavaScript 、 Implementación de JavaScript