Μέθοδος innerWidth

Η μέθοδος innerWidth επιτρέπει τη λήψη και την αλλαγή του πλάτους ενός στοιχείου λαμβάνοντας υπόψη τα εσωτερικά του περιθώρια. Είναι σημαντικό να θυμόμαστε ότι θα λαμβάνουμε την 'υπολογιζόμενη τιμή' του πλάτους (computed width). Σφάλματα στον υπολογισμό μπορούν επίσης να προκύψουν εάν ο χρήστης αλλάζει τις διαστάσεις της σελίδας, ή εάν το στοιχείο ή ο γονέας του είναι κρυμμένα. Η τιμή του πλάτους δεν λαμβάνει υπόψη το πάχος του περιγράμματος του στοιχείου.

Σύνταξη

Λήψη του πλάτους του στοιχείου. Σε ορισμένες περιπτώσεις οι τιμές που λαμβάνονται μπορεί να είναι κλασματικές:

$(επιλογέας).innerWidth();

Για να αλλάξετε το πλάτος του στοιχείου - μπορείτε να περάσετε απλώς έναν αριθμό (για παράδειγμα 400), τότε οι μονάδες μέτρησης θα είναι σε pixels, ή μια συμβολοσειρά, με καθορισμό των μονάδων μέτρησης (για παράδειγμα '10em'):

$(επιλογέας).innerWidth(νέα τιμή);

Μπορούμε επίσης να εφαρμόσουμε μια δεδομένη συνάρτηση σε κάθε στοιχείο σε ένα σύνολο. Σε αυτήν την περίπτωση, η πρώτη παράμετρος της συνάρτησης θα λάβει τον αριθμό του στοιχείου στο σύνολο, και η δεύτερη παράμετρος - την τρέχουσα τιμή του καθορισμένου πλάτους για το συγκεκριμένο στοιχείο. Η τιμή this μέσα στη συνάρτηση θα δείχνει στο τρέχον στοιχείο. Η τιμή του πλάτους του στοιχείου θα αλλάξει σε αυτήν, που επιστρέφει η συνάρτηση:

$(επιλογέας).innerWidth(function(αριθμός στο σύνολο, τρέχουσα τιμή πλάτους));

Παράδειγμα

Ας εμφανίσουμε για σύγκριση πληροφορίες σχετικά με το πλάτος της παραγράφου #test, που ελήφθη με τις μεθόδους width και innerWidth:

<p id="test">κείμενο</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

Θα δούμε μια διαφορά 10px, που είναι το άθροισμα των αριστερών και δεξιών εσωτερικών περιθωρίων μας.

Δείτε επίσης

μέθοδος width,
που επιτρέπει τη λήψη και την αλλαγή του πλάτους ενός στοιχείου
μέθοδος outerWidth,
που επιτρέπει τη λήψη και την αλλαγή του πλάτους ενός στοιχείου, λαμβάνοντας υπόψη τα περιθώρια και το περίγραμμά του