Η μέθοδος HTML DOM getElementById()
Ορισμός και χρήση
Η μέθοδος getElementById() επιστρέφει την αναφορά στο πρώτο αντικείμενο που έχει καθορισμένο το συγκεκριμένο ID.
Γλώσσα
document.getElementById(id)
Επεξηγήσεις
Το HTML DOM καθορίζει πολλές μεθόδους αναζήτησης στοιχείων, εκτός από το getElementById(),还包括 getElementsByName() και getElementsByTagName().
Ωστόσο, αν χρειάζεστε να βρείτε ένα συγκεκριμένο στοιχείο στο έγγραφο, η πιο αποτελεσματική μέθοδος είναι το getElementById().
Σε μια συγκεκριμένη διαδικασία λήψης έγγραφου, είναι καλύτερο να δώσετε ένα χαρακτηριστικό id στο στοιχείο, να καθορίσετε ένα μοναδικό όνομα (στο έγγραφο) και μετά μπορείτε να χρησιμοποιήσετε το ID για να βρείτε το στοιχείο που θέλετε.
Παράδειγμα
Παράδειγμα 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Αυτό είναι ένα κεφαλίδι</h1>
<p>Κάντε κλικ στο κεφαλίδι για να εμφανιστεί το αξία του</p>
</body>
</html>
Παράδειγμα 2
getElementById() είναι μια σημαντική μέθοδος, στην αρχιτεκτονική DOM, η χρήση της είναι πολύ συχνή. Για σας έχουμε ορίσει μια εργαλειακή συνάρτηση, ώστε να μπορείτε να χρησιμοποιήσετε τη μέθοδο getElementById() με μια πιο σύντομη ονομασία:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
Η παραπάνω συνάρτηση αποδέχεται ως παράμετρο τον ID του στοιχείου. Για κάθε τέτοια παράμετρο, μπορείτε να γράψετε x = id(x) πριν την χρησιμοποιήσετε.
