Metoden prop

Metoden prop gør det muligt at hente og ændre en elements egenskab. Det er vigtigt ikke at forveksle egenskaber og attributter for elementer. Ved oprettelse af DOM-træet konverteres attributter til deres tilsvarende DOM-egenskaber for elementer. Deres navne er ikke altid ens, ligesom deres værdier heller ikke er. Nogle egenskaber har muligvis heller ikke tilsvarende attributter, de kan kun hentes og indstilles ved hjælp af metoden prop, for eksempel egenskaben tagName. For at hente elementers attributter, brug metoden attr.

Syntaks

Henter værdien af en egenskab:

$(selector).prop(egenskabsnavn);

Ændrer værdien af en egenskab:

$(selector).prop(egenskabsnavn, ny værdi);

Ændrer værdier for flere egenskaber:

$(selector).prop({første_egenskab: ny_værdi, anden_egenskab: ny_værdi, ...});

Anvendelse af en funktion på hvert element i sættet:

$(selector).prop(egenskabsnavn, function(nummer_i_sættet, nuværende_egenskabsværdi));

Eksempel

I det følgende eksempel henter vi et afsnit ved dets id og udskriver værdien af dets egenskab className:

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

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

Eksempel

Lad os ændre egenskaberne for className og disabled samtidigt:

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

Se også

metoden removeProp,
som gør det muligt at slette elementers egenskaber
metoden attr,
som gør det muligt at arbejde med elementers attributter