Wprowadzenie do JavaScript

Rozdział ten przedstawia kilka przykładów, które pokazują możliwości JavaScript.

JavaScript może zmieniać zawartość HTML

getElementById() to jeden z wielu metod JavaScript HTML.

W tym przykładzie używamy tej metody, aby "znaleźć" element HTML o id="demo", i zmienić jego zawartość (innerHTMLZmień na "Hello JavaScript":

Przykład

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

Spróbuj sam

Uwaga:JavaScript akceptuje zarówno podwójne jak i pojedyncze cudzysłówki:

Przykład

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

Spróbuj sam

JavaScript może zmieniać atrybuty HTML

Ten przykład zmienia poprzez <img> etykiety src atrybutu (source) do zmiany obrazu HTML:

żarówka


Spróbuj sam

JavaScript może zmienić styl HTML (CSS)

Zmiana stylu HTML elementu to wariant zmiany HTML atrybutu:

Przykład

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

Spróbuj sam

JavaScript może ukryć elementy HTML

można zmienić display Styl do ukrycia elementów HTML:

Przykład

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

Spróbuj sam

JavaScript może wyświetlić elementy HTML

można zmienić display Styl do wyświetlenia ukrytych elementów HTML:

Przykład

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

Spróbuj sam

Czytania dodatkowe

Zaawansowane kursy JavaScript: Historia JavaScript , Implementacja JavaScript