JavaScript esittely

Tämä luku tarjoaa osan esimerkeistä JavaScriptin kyvistä.

JavaScript voi muuttaa HTML-sisältöä

getElementById() on yksi useista JavaScript HTML-menetelmistä.

Tässä esimerkissä käytämme tätä metodia "etsiä" id="demo" HTML-elementtiä ja siirtää elementin sisältö (innerHTMLMuuta ")" "Hello JavaScript":

Esimerkki

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

Kokeile itse

Vinkki:JavaScript hyväksyy sekä duplekit ja yksinkertaiset oikotyt

Esimerkki

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

Kokeile itse

JavaScript voi muuttaa HTML-ominaisuuksia

Tämä esimerkki muuttaa <img> elementin src ominaisuus（source）muuttaa HTML-kuvaa:

Lamppu


Kokeile itse

JavaScript voi muuttaa HTML-tyylejä (CSS)

HTML-elementin tyylillä muuttaminen on HTML-ominaisuuksien muuttamisen muotoa:

Esimerkki

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

Kokeile itse

JavaScript voi piilottaa HTML-elementin

voidaan muuttaa display Tyyli piilottaa HTML-elementin:

Esimerkki

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

Kokeile itse

JavaScript voi näyttää HTML-elementin

voidaan muuttaa display Tyyli näyttää piilotetun HTML-elementin:

Esimerkki

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

Kokeile itse

Harjoitustehtävät

JavaScript-advanced-tutkimus： JavaScript historia , JavaScript-toteutus