Introduzione a JavaScript

Questo capitolo fornisce alcune parti degli esempi di capacità di JavaScript.

JavaScript può modificare il contenuto HTML

getElementById() È una delle molte funzioni JavaScript HTML.

Questo esempio utilizza questo metodo per "trovare" l'elemento HTML con id="demo", e il contenuto dell'elemento (innerHTMLCambia in "Hello JavaScript":

Esempio

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

Prova da solo

Suggerimento:JavaScript accetta contemporaneamente virgolette doppi e singole:

Esempio

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

Prova da solo

JavaScript può modificare le proprietà HTML

Questo esempio cambia <img> del tag src Proprietà (source) per cambiare un'immagine HTML:

Lampadina


Prova da solo

JavaScript può modificare lo stile (CSS) dell'HTML

Modificare lo stile dell'elemento HTML è una variante di modificare l'attributo HTML:

Esempio

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

Prova da solo

JavaScript può nascondere l'elemento HTML

può essere cambiato display Stile per nascondere l'elemento HTML:

Esempio

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

Prova da solo

JavaScript può visualizzare l'elemento HTML

può essere cambiato display Stile per visualizzare l'elemento HTML nascosto:

Esempio

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

Prova da solo

Lettura supplementare

Tutorial avanzato JavaScript: Storia JavaScript 、 Implementazione JavaScript