02. Εισαγωγή στην JavaScript

JS Introduction


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


Η JavaScript μπορεί να αλλάξει περιεχόμενο της HTML

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

Αυτό το παράδειγμα χρησιμοποιεί αυτή τη μέθοδο για να “βρει” ένα στοιχείο HTML (με id = “demo”) και αλλάζει το περιεχόμενο στοιχείου ( innerHTML) στο “Γεια σου JavaScript!”:

Παράδειγμα

document.getElementById("demo").innerHTML = "Γεια σου JavaScript!";

Δοκιμάστε το!

Η JavaScript δέχεται διπλά και μονά εισαγωγικά:

Παράδειγμα

document.getElementById('demo').innerHTML = 'Γεια σου JavaScript!';

Δοκιμάστε το!


Η JavaScript μπορεί να αλλάξει τιμές χαρακτηριστικών HTML

Σε αυτό το παράδειγμα, η JavaScript αλλάζει την τιμή του χαρακτηριστικού src (προέλευσης) μιας <img> ετικέτας:

Η λάμπα



Δοκιμάστε το!


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

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

Παράδειγμα

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

Δοκιμάστε το!


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

Η απόκρυψη στοιχείων HTML μπορεί να γίνει με την αλλαγή του display στυλ:

Παράδειγμα

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

Δοκιμάστε το!


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

Η εμφάνιση κρυφών στοιχείων HTML μπορεί επίσης να γίνει με την αλλαγή του display στυλ:

Παράδειγμα

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

Δοκιμάστε το!


Days
Hours
Minutes

02. Εισαγωγή στην JavaScript

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: