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:

javascript$(selektor).prop(ime lastnosti);

Spreminjanje vrednosti lastnosti:

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

Spreminjanje vrednosti več lastnosti:

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

Uporaba funkcije za vsak element v nizu:

javascript$(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:

html<p id="test" class="aaa">besedilo</p>
javascriptlet value = $('#test').prop('className');
console.log(value);

Primer

Spremenimo istočasno lastnosti za className in disabled:

html<input type="checkbox" class="aaa" id="test" />
javascript$("#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