Metoden prop

Metoden prop lar deg hente og endre egenskapene til et element. Det er viktig å ikke forveksle egenskaper og attributter til elementer. Ved opprettelse av DOM-treet blir attributter oversatt til deres tilsvarende DOM-egenskaper for elementer. Deres navn er ikke alltid de samme, verken når det gjelder navn eller verdier. Noen egenskaper kan også ha ingen tilsvarende attributter, de kan bare hentes og settes ved bruk av metoden prop, for eksempel egenskapen tagName. For å hente attributter til et element, bruk metoden attr.

Syntaks

Hente verdien til en egenskap:

$(selector).prop(egenskapsnavn);

Endre verdien til en egenskap:

$(selector).prop(egenskapsnavn, ny verdi);

Endre verdiene til flere egenskaper:

$(selector).prop({første_egenskap: ny_verdi, andre_egenskap: ny_verdi, ...});

Bruke en funksjon på hvert element i samlingen:

$(selector).prop(egenskapsnavn, function(indeks i samlingen, nåværende verdi av egenskapen));

Eksempel

I det følgende eksempelet henter vi et avsnitt ved dets id og skriver ut verdien av dets egenskap className:

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

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

Eksempel

La oss endre egenskapene for className og disabled samtidig:

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

Se også

metoden removeProp,
som lar deg slette egenskaper til elementer
metoden attr,
som lar deg arbeide med attributter til elementer