Metod prop

Metod prop omogućava da dobijete i promenite svojstvo elementa. Važno je ne mešati svojstva i atribute elemenata. Prilikom kreiranja DOM stabla, atributi se prevode u odgovarajuća DOM svojstva elemenata. Njihovi nazivi se ne poklapaju uvek, kao ni njihove vrednosti. Neka svojstva takođe možda nemaju odgovarajuće atribute, ona mogu biti dobijena i postavljena samo korišćenjem metoda prop, na primer svojstvo tagName. Za dobijanje atributa elementa, koristite metod attr.

Sintaksa

Dobijanje vrednosti svojstva:

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

Promena vrednosti svojstva:

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

Promena vrednosti više svojstava:

javascript$(selektor).prop({prvo_svojstvo: nova_vrednost, drugo_svojstvo: nova_vrednost, ...});

Primena funkcije na svaki element u setu:

javascript$(selektor).prop(ime svojstva, function(redni broj u setu, trenutna vrednost svojstva));

Primer

U sledećem primeru ćemo dobiti pasus po njegovom id i ispisati na ekran vrednost njegovog svojstva className:

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

Primer

Hajde da promenimo istovremeno svojstva za className i disabled:

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

Vidite takođe

  • metod removeProp,
    koji omogućava brisanje svojstava elemenata
  • metod attr,
    koji omogućava rad sa atributima elemenata