Die prop-Methode

Die Methode prop ermöglicht das Abrufen und Ändern einer Elementeigenschaft. Es ist wichtig, Eigenschaften und Attribute von Elementen nicht zu verwechseln. Bei der Erstellung des DOM-Baums werden Attribute in die entsprechenden DOM-Eigenschaften der Elemente umgewandelt. Deren Namen stimmen nicht immer überein, genauso wie ihre Werte. Einige Eigenschaften haben möglicherweise auch keine entsprechenden Attribute, sie können nur abgerufen und festgelegt werden, wenn die Methode prop verwendet wird, zum Beispiel die Eigenschaft tagName. Um Attribute eines Elements abzurufen, verwenden Sie die Methode attr.

Syntax

Abrufen des Eigenschaftswerts:

$(Selektor).prop(Eigenschaftsname);

Ändern des Eigenschaftswerts:

$(Selektor).prop(Eigenschaftsname, neuer Wert);

Ändern der Werte mehrerer Eigenschaften:

$(Selektor).prop({erste_Eigenschaft: neuer_Wert, zweite_Eigenschaft: neuer_Wert, ...});

Anwenden einer Funktion auf jedes Element im Set:

$(Selektor).prop(Eigenschaftsname, function(Index im Set, aktueller Eigenschaftswert));

Beispiel

Im folgenden Beispiel holen wir uns einen Absatz anhand seiner id und geben den Wert seiner Eigenschaft className aus:

<p id="test" class="aaa">text</p>

let value = $('#test').prop('className');
console.log(value);

Beispiel

Lassen Sie uns gleichzeitig die Eigenschaften für className und disabled ändern:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Siehe auch

die Methode removeProp,
die das Löschen von Elementeigenschaften ermöglicht
die Methode attr,
die das Arbeiten mit Elementattributen ermöglicht