JavaScript introduction

Detta kapitel ger dig några exempel på hur JavaScript kan användas.

JavaScript kan ändra HTML-innehåll

getElementById() är en av flera JavaScript HTML-metoder.

Detta exempel använder denna metod för att "finna" HTML-elementet med id="demo" och lägga till elementets innehåll (innerHTMLÄndra till "Hello JavaScript":

Exempel

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

Prova själv

Tips:JavaScript accepterar både dubbel- och enkelcitatstecken:

Exempel

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

Prova själv

JavaScript kan ändra HTML-attribut

Detta exempel ändrar <img> taggen src egenskapen (source) för att ändra ett HTML-bilds bild:

Lysrör


Prova själv

JavaScript kan ändra HTML-stil (CSS)

Att ändra HTML-elementets stil är en variant av att ändra HTML-attribut:

Exempel

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

Prova själv

JavaScript kan dölja HTML-element

kan ändras display Stil för att dölja HTML-element:

Exempel

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

Prova själv

JavaScript kan visa HTML-element

kan ändras display Stil för att visa dolda HTML-element:

Exempel

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

Prova själv

Läs mer

Avancerad JavaScript tutorial: JavaScript Historia , JavaScript implementering