Metoda prop

Metoda prop omogoča pridobivanje in spreminjanje lastnosti elementa. Pomembno je, da ne zamenjujemo lastnosti in atributov elementov. Pri ustvarjanju DOM drevesa se atributi pretvorijo v ustrezne DOM lastnosti elementov. Njihova imena in vrednosti se ne ujemajo vedno. Nekatere lastnosti morda nimajo ustreznih atributov, dostopne so le z uporabo metode prop, na primer lastnost tagName. Za pridobivanje atributov elementa uporabite metodo attr.

Sintaksa

Pridobivanje vrednosti lastnosti:

$(selektor).prop(ime lastnosti);

Spreminjanje vrednosti lastnosti:

$(selektor).prop(ime lastnosti, nova vrednost);

Spreminjanje vrednosti več lastnosti:

$(selektor).prop({prva_lastnost: nova_vrednost, druga_lastnost: nova_vrednost, ...});

Uporaba funkcije za vsak element v nizu:

$(selektor).prop(ime lastnosti, function(številka v nizu, trenutna vrednost lastnosti));

Primer

V naslednjem primeru bomo pridobili odstavek po njegovem id in izpisali vrednost njegove lastnosti className:

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

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

Primer

Spremenimo istočasno lastnosti za className in disabled:

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

Glejte tudi

metoda removeProp,
ki omogoča brisanje lastnosti elementov
metoda attr,
ki omogoča delo z atributi elementov