Αιρετικότητα id HTML

Ορισμός και χρήση

id Η ιδιότητα καθορίζει το μοναδικό id του στοιχείου του HTML (το αξία πρέπει να είναι μοναδική στο έγγραφο HTML).

id Η ιδιότητα χρησιμοποιείται συχνά για να κατευθύνει στυλ στοιχείων της σελίδας και να επιχειρείται η λειτουργία τους μέσω JavaScript (μέσω HTML DOM).

id Η ιδιότητα μπορεί επίσης να χρησιμοποιηθεί ως αγκυρα σύνδεσης (link anchor).

Δείτε επίσης:

Εκμάθηση HTML:HTML id

Εκμάθηση HTML:Αιρετικότητες HTML

Εκμάθηση CSS:Γλωσσική Σύνταξη CSS

Εγχειρίδιο CSS:CSS #id Επιλογέας

Εγχειρίδιο HTML DOM:Μέθοδος getElementById() του HTML DOM

Εγχειρίδιο HTML DOM:Ιδιότητα id του HTML DOM

Εγχειρίδιο HTML DOM:Όντως DOM Style HTML

Παράδειγμα

Παράδειγμα 1

Χρήση της ιδιότητας id για να αλλάξει ένα κείμενο μέσω JavaScript:

<html>
<body>
<h1 id="myHeader">Γειά σου Κόσμε!</h1>
<button onclick="displayResult()">Αλλαγή κειμένου</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Καλή μέρα!";
}
</script>
</body>
</html>

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

Περισσότερα παραδείγματα στην κάτω πλευρά της σελίδας.

Γλώσσα

<στοιχείο id="id">

Τιμή ιδιότητας

Τιμή Περιγραφή
id

Διακρίνει το στοιχείο με μοναδικό id. Πρότυπο ονόματος:

  • Πρέπει να περιέχει τουλάχιστον έναν χαρακτήρα
  • Δεν μπορεί να περιέχει χαρακτήρες κενού

Περισσότερα παραδείγματα

Παράδειγμα 2

Χρήση της ιδιότητας id για σύνδεση στο στοιχείο με καθορισμένο id της σελίδας:

<html>
<body>
<h2><a id="top">Κάποια τίτλος</a></h2>
<p>Πολλοί πολλοί κείμενοι ....</p>
<p>Πολλοί πολλοί κείμενοι ....</p>
<p>Πολλοί πολλοί κείμενοι ....</p>
<a href="#top">Επιστροφή στην κορυφή</a>
</body>
</html>

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

Παράδειγμα 3

Χρήση της ιδιότητας id για τη διαμόρφωση του κειμένου με στυλ CSS:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">Το CodeW3C.com είναι το καλύτερο!</h1>
</body>
</html>

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

Υποστήριξη περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη