JavaScript Inleiding

Dit hoofdstuk biedt een deel van de voorbeelden om de mogelijkheden van JavaScript te laten zien.

JavaScript kan HTML-inhoud wijzigen

getElementById() is een van de meerdere JavaScript HTML-methoden.

In dit voorbeeld wordt deze methode gebruikt om de HTML-element met id="demo" te "vinden" en de inhoud van het element (innerHTMLWijzig dit in "Hello JavaScript":

Voorbeeld

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

Probeer het zelf

Tip:JavaScript accepteert zowel dubbele als enkele aanhalingstekens:

Voorbeeld

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

Probeer het zelf

JavaScript kan HTML-eigenschappen wijzigen

Dit voorbeeld verandert door <img> van het src Eigenschap (source) om een HTML-afbeelding te veranderen:

Lamp


Probeer het zelf

JavaScript kan HTML-stijl (CSS) veranderen

Het veranderen van de stijl van een HTML-element is een variant van het veranderen van HTML-eigenschappen:

Voorbeeld

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

Probeer het zelf

JavaScript kan HTML-elementen verbergen

kan worden veranderd display Stijl om HTML-elementen te verbergen:

Voorbeeld

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

Probeer het zelf

JavaScript kan HTML-elementen weergeven

kan worden veranderd display Stijl om verborgen HTML-elementen weer te geven:

Voorbeeld

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

Probeer het zelf

ExTRA Lezing

Geavanceerde JavaScript Tutorial: JavaScript History , JavaScript Implementatie