Εξαιρέσεις κατά την εργασία με χαρακτηριστικά στο JavaScript
Κατά την εργασία με χαρακτηριστικά υπάρχει μια εξαίρεση
- αυτό είναι το χαρακτηριστικό class.
Αυτή η λέξη είναι ειδική στο JavaScript
και γι' αυτό δεν μπορούμε απλά να γράψουμε elem.class,
για να διαβάσουμε την τιμή του χαρακτηριστικού class.
Αντ' αυτού, πρέπει να γράφουμε elem.className.
Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε αυτό το input:
html<input id="elem" class="aaa bbb">
Ας εμφανίσουμε την τιμή του χαρακτηριστικού class
για το input μας:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // θα εμφανίσει 'aaa bbb'
Υπάρχουν και άλλες εξαιρέσεις, για παράδειγμα,
το χαρακτηριστικό for. Πρέπει να προσπελαστεί
μέσω htmlFor.
Δίνεται ένα div:
html<div id="elem" class="content no-gap"></div>
Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί διαβάστε
και εμφανίστε στην οθόνη την τιμή του χαρακτηριστικού class
του div μας.
Δίνεται ένα div:
html<div id="elem"></div>
Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί γράψτε
στο χαρακτηριστικό class του div μας κάποια
κλάση.
Δίνεται ένα div με πολλαπλές CSS κλάσεις, γραμμένες με κενό:
html<div id="elem" class="aaa bbb ccc"></div>
Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί πάρτε έναν πίνακα με τις CSS κλάσεις του div μας.