Einführung in JavaScript

Dieses Kapitel bietet Ihnen einige Beispiele, um die Fähigkeiten von JavaScript zu demonstrieren.

JavaScript kann HTML-Inhalte ändern

getElementById() ist eine der vielen JavaScript-HTML-Methode.

In diesem Beispiel wird dieses Verfahren verwendet, um den HTML-Element mit der id="demo" "zu finden" und den Inhalt des Elements (innerHTMLÄndern Sie das in "Hello JavaScript":

Beispiel

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

Selbst ausprobieren

Hinweis:JavaScript akzeptiert sowohl doppelte als auch einfache Anführungsstriche:

Beispiel

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

Selbst ausprobieren

JavaScript kann HTML-Attribute ändern

Dieses Beispiel zeigt, wie durch Ändern <img> der src Eigenschaft (source), um ein HTML-Bild zu ändern:

Lampe


Selbst ausprobieren

JavaScript kann HTML-Stile (CSS) ändern

Das Ändern der Stile eines HTML-Elements ist eine Variante des Änderns von HTML-Attributen:

Beispiel

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

Selbst ausprobieren

JavaScript kann HTML-Elemente ausblenden

durch Ändern display Stil, um HTML-Elemente auszublenden:

Beispiel

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

Selbst ausprobieren

JavaScript kann HTML-Elemente anzeigen

durch Ändern display Stil, um versteckte HTML-Elemente anzuzeigen:

Beispiel

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

Selbst ausprobieren

Außerhalb des Unterrichts Lesen

JavaScript-Advanced-Tutorial: JavaScript-Geschichte 、 JavaScript-Implementierung