02. DOM Methods

JavaScript – Μέθοδοι HTML DOM


Οι μέθοδοι (methods) HTML DOM είναι ενέργειες (actions) που μπορείτε να εκτελέσετε (σε στοιχεία HTML).

Οι ιδιότητες (properties) HTML DOM είναι τιμές (values) (των στοιχείων HTML) που μπορείτε να ορίσετε ή να αλλάξετε.


Η διεπαφή προγραμματισμού DOM

Μπορείτε να έχετε πρόσβαση στο HTML DOM με τηνJavaScript (και με άλλες γλώσσες προγραμματισμού).

Στο DOM, όλα τα HTML elements ορίζονται ως αντικείμενα (objects) .

Η διεπαφή προγραμματισμού (programming interface) είναι οι ιδιότητες ( properties) και οι μέθοδοι (methods) κάθε αντικειμένου (element).

Μια ιδιότητα (property) είναι μια τιμή που μπορείτε να πάρετε ή να ορίσετε (όπως την αλλαγή του περιεχομένου ενός στοιχείου HTML).

Μια μέθοδος είναι μια ενέργεια που μπορείτε να κάνετε (όπως να προσθέσετε ή να διαγράψετε ένα στοιχείο HTML).


Παράδειγμα

Το παρακάτω παράδειγμα αλλάζει το περιεχόμενο (the innerHTML) του <p>στοιχείου με id="demo":

Παράδειγμα

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

Δοκιμάστε τον εαυτό σας »

Στο παραπάνω παράδειγμα, getElementByIdείναι μια μέθοδος (method) , ενώ innerHTMLείναι ιδιότητα (property) .


Η μέθοδος getElementById

Ο πιο συνηθισμένος τρόπος πρόσβασης σε ένα στοιχείο HTML είναι η χρήση idτου στοιχείου.

Στο παραπάνω παράδειγμα η getElementByIdμέθοδος χρησιμοποίησε το id="demo"για την εύρεση του στοιχείου.


Η ιδιότητα innerHTML

Ο ευκολότερος τρόπος για να αποκτήσετε περιεχόμενο ενός στοιχείου είναι να χρησιμοποιήσετε την innerHTMLιδιότητα.

Η innerHTMLιδιότητα είναι χρήσιμη για τη λήψη ή την αντικατάσταση του περιεχομένου των στοιχείων HTML.

Η innerHTMLιδιότητα μπορεί να χρησιμοποιηθεί για να πάρει ή να αλλάξει οποιοδήποτε στοιχείο HTML, συμπεριλαμβανομένων <html>και <body>.

Days
Hours
Minutes

02. DOM Methods

Κοινοποίηση

Share on facebook
Share on twitter

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

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