Introducción a JavaScript

❮ AnteriorSiguiente ❯

---

Esta página contiene algunos ejemplos de lo que JavaScript puede hacer.

---

JavaScript puede cambiar el contenido HTML

Uno de los muchos métodos HTML de JavaScript es getElementById () .

Este ejemplo utiliza el método para "encontrar" un elemento HTML (con id = "demo") y cambia el contenido del elemento ( innerHTML ) a "Hello JavaScript":

Ejemplo

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

Inténtalo tú mismo "

JavaScript acepta tanto comillas dobles como simples:

Ejemplo

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

Inténtalo tú mismo "

---

JavaScript puede cambiar los valores de atributos HTML

En este ejemplo, JavaScript cambia el valor del atributo src (fuente) de una etiqueta <img>:

La bombilla

  

Inténtalo tú mismo "

---

JavaScript puede cambiar los estilos HTML (CSS)

Cambiar el estilo de un elemento HTML, es una variante de cambiar un atributo HTML:

Ejemplo

document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';

Inténtalo tú mismo "

---

JavaScript puede ocultar elementos HTML

Se puede ocultar los elementos HTML cambiando el estilo de visualización:

Ejemplo

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

Inténtalo tú mismo "

---

JavaScript puede mostrar elementos HTML

Mostrar elementos HTML ocultos también se puede hacer cambiando el estilo de visualización:

Ejemplo

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

Inténtalo tú mismo "

❮ AnteriorSiguiente ❯