Εξαιρέσεις κατά την εργασία με χαρακτηριστικά στο JavaScript

Κατά την εργασία με χαρακτηριστικά υπάρχει μια εξαίρεση - αυτό είναι το χαρακτηριστικό class. Αυτή η λέξη είναι ειδική στο JavaScript και γι' αυτό δεν μπορούμε απλά να γράψουμε elem.class, για να διαβάσουμε την τιμή του χαρακτηριστικού class. Αντ' αυτού, πρέπει να γράφουμε elem.className.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε αυτό το input:

<input id="elem" class="aaa bbb">

Ας εμφανίσουμε την τιμή του χαρακτηριστικού class για το input μας:

let elem = document.querySelector('#elem');
console.log(elem.className); // θα εμφανίσει 'aaa bbb'

Υπάρχουν και άλλες εξαιρέσεις, για παράδειγμα, το χαρακτηριστικό for. Πρέπει να προσπελαστεί μέσω htmlFor.

Δίνεται ένα div:

<div id="elem" class="content no-gap"></div>

Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί διαβάστε και εμφανίστε στην οθόνη την τιμή του χαρακτηριστικού class του div μας.

Δίνεται ένα div:

<div id="elem"></div>

Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί γράψτε στο χαρακτηριστικό class του div μας κάποια κλάση.

Δίνεται ένα div με πολλαπλές CSS κλάσεις, γραμμένες με κενό:

<div id="elem" class="aaa bbb ccc"></div>

Δίνεται επίσης ένα κουμπί. Πατώντας το κουμπί πάρτε έναν πίνακα με τις CSS κλάσεις του div μας.