Εισαγωγή στο JavaScript

Αυτό το κεφάλαιο σας παρέχει μερικά παράδειγμα για να δείξει τις δυνατότητες του JavaScript.

Το JavaScript μπορεί να αλλάξει το περιεχόμενο του HTML

getElementById() είναι μια από τις πολλές μεθόδους του JavaScript HTML.

Σε αυτό το παράδειγμα χρησιμοποιούμε αυτόν τον τρόπο για να "εύρετε" το στοιχείο HTML με id="demo" και να αλλάξετε το περιεχόμενο του στοιχείου (innerHTML更改為 "Hello JavaScript":

Παράδειγμα

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

Δοκιμάστε το προσωπικά

Σημείωση:Το JavaScript αποδέχεται και τις διπλές και τις đơn giảnες εισαγωγικές σημεία:

Παράδειγμα

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

Δοκιμάστε το προσωπικά

Το JavaScript μπορεί να αλλάξει τις ιδιότητες του HTML

Αυτό το παράδειγμα χρησιμοποιεί την αλλαγή <img> Τα ετικέτες src Τα χαρακτηριστικά (source) για την αλλαγή μιας εικόνας HTML:

Φως


Δοκιμάστε το προσωπικά

Το JavaScript μπορεί να αλλάξει το στυλ του HTML (CSS)

Η αλλαγή του στυλ του στοιχείου HTML είναι μια παραλλαγή της αλλαγής της ιδιότητας HTML:

Παράδειγμα

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

Δοκιμάστε το προσωπικά

Το JavaScript μπορεί να κρύψει στοιχεία HTML

Μπορεί να αλλάξει display Στυλ για την αποκάλυψη στοιχείων HTML:

Παράδειγμα

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

Δοκιμάστε το προσωπικά

Το JavaScript μπορεί να εμφανίσει στοιχεία HTML

Μπορεί να αλλάξει display Στυλ για την εμφάνιση κρυμμένων στοιχείων HTML:

Παράδειγμα

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

Δοκιμάστε το προσωπικά

Διαβάστε περισσότερα

Προχωρημένα μαθήματα JavaScript: Ιστορία του JavaScript 、 JavaScript υλοποίηση