JavaScript introduktion

Dette kapitel giver dig nogle eksempler på, hvordan du kan vise JavaScripts evner.

JavaScript kan ændre HTML-indhold

getElementById() er en af flere JavaScript HTML-metoder.

Dette eksempel bruger denne metode til at "finde" HTML-elementet med id="demo" og ændre indholdet af elementet (innerHTMLÆndr til "Hello JavaScript":

Eksempel

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

Prøv det selv

Tip:JavaScript accepterer både dobbelt- og enkeltanførselstegn:

Eksempel

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

Prøv det selv

JavaScript kan ændre HTML-attributter

Dette eksempel ændrer <img> et tags src Egenskab (source) til at ændre et HTML-billede:

Lyspære


Prøv det selv

JavaScript kan ændre HTML-stil (CSS)

At ændre stilen på et HTML-element er en variant af at ændre HTML-attributter:

Eksempel

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

Prøv det selv

JavaScript kan skjule HTML-elementer

kan ændres display Stil til at skjule HTML-elementer:

Eksempel

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

Prøv det selv

JavaScript kan vise HTML-elementer

kan ændres display Stil til at vise skjulte HTML-elementer:

Eksempel

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

Prøv det selv

Ekstramateriale

Avancerede JavaScript-tutorials: JavaScript History 、 JavaScript-implementering