De methode prop
De methode prop maakt het mogelijk om
eigenschappen van een element te verkrijgen en
te wijzigen.
Het is belangrijk om geen verwarring te hebben tussen eigenschappen en attributen van elementen.
Bij het aanmaken van een DOM-structuur worden attributen omgezet
in de bijbehorende DOM-eigenschappen van de elementen. Hun
namen komen niet altijd overeen, net als hun waarden.
Sommige eigenschappen hebben mogelijk ook geen
bijbehorende attributen, ze kunnen alleen worden
verkregen en ingesteld bij gebruik van de methode
prop, bijvoorbeeld de eigenschap
tagName. Voor
het verkrijgen van attributen van een element, gebruik je de methode
attr.
Syntaxis
De waarde van een eigenschap verkrijgen:
$(selector).prop(eigenschapsnaam);
De waarde van een eigenschap wijzigen:
$(selector).prop(eigenschapsnaam, nieuwe waarde);
De waarden van meerdere eigenschappen wijzigen:
$(selector).prop({eerste_eigenschap: nieuwe_waarde, tweede_eigenschap: nieuwe_waarde, ...});
Een functie toepassen op elk element in de set:
$(selector).prop(eigenschapsnaam, function(volgnummer in set, huidige waarde van eigenschap));
Voorbeeld
In het volgende voorbeeld selecteren we een alinea via zijn id
en tonen we de waarde van zijn eigenschap className:
<p id="test" class="aaa">tekst</p>
let value = $('#test').prop('className');
console.log(value);
Voorbeeld
Laten we tegelijkertijd de eigenschappen voor
className en disabled wijzigen:
<input type="checkbox" class="aaa" id="test" />
$("#test").prop({ className: 'bbb', disabled: 'true' });
Zie ook
-
methode
removeProp,
die het mogelijk maakt om eigenschappen van elementen te verwijderen -
methode
attr,
die het mogelijk maakt om met attributen van elementen te werken
