JavaScript - HTML DOM 方法

Οι μεθόδοι του HTML DOM είναι οι ενέργειες που μπορείτε να εκτελέσετε στο στοιχείο HTMLΚίνηση.

Οι ιδιότητες του HTML DOM είναι οι ιδιότητες που μπορείτε να ρυθμίσετε ή να αλλάξετε στο στοιχείο HTMLΑξία.

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

Το HTML DOM μπορεί να προσπελάσει μέσω JavaScript (κατά προτίμηση και μέσω άλλων προγραμματιστικών γλωσσών).

Στο DOM, όλα τα στοιχεία HTML ορίζονται ωςαντικείμενο.

Η προγραμματιστική διεπαφή είναι τα προσόδια και οι μεθόδοι κάθε αντικειμένου.

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

μέθοδοςείναι οι ενέργειες που μπορείτε να εκτελέσετε (π.χ. προσθήκη ή αφαίρεση στοιχείων HTML).

Παράδειγμα

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

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

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

Στο παρακάτω παράδειγμαgetElementById είναιμέθοδοςκαι innerHTML είναιπροσόδια.

getElementById μέθοδος

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

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

innerHTML προσόδια

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

innerHTML Προσόδια μπορούν να χρησιμοποιηθούν για να αποκτήσουν ή να αντικαταστήσουν το περιεχόμενο οποιουδήποτε στοιχείου HTML.

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