Metodi prop

Metodi prop mahdollistaa elementin ominaisuuden hakemisen ja muuttamisen. On tärkeää olla sekoittamatta elementtien ominaisuuksia ja attribuutteja. Kun DOM-puuta luodaan, attribuutit muunnetaan vastaaviksi DOM-elementtien ominaisuuksiksi. Niiden nimet eivät aina vastaa toisiaan, kuten eivät myöskään niiden arvot. Jotkut ominaisuudet eivät myöskään voi olla vastaavia attribuutteja, ne voidaan hakea ja asettaa vain käyttämällä metodia prop, esimerkiksi ominaisuus tagName. Elementin attribuuttien hakemiseksi käytä metodia attr.

Syntaksi

Ominaisuuden arvon haku:

$(valitsin).prop(ominaisuuden nimi);

Ominaisuuden arvon muuttaminen:

$(valitsin).prop(ominaisuuden nimi, uusi arvo);

Useiden ominaisuuksien arvojen muuttaminen:

$(valitsin).prop({ensimmäinen_ominaisuus: uusi_arvo, toinen_ominaisuus: uusi_arvo, ...});

Funktion soveltaminen jokaiseen elementtiin joukossa:

$(valitsin).prop(ominaisuuden nimi, function(järjestysnumero joukossa, ominaisuuden nykyinen arvo));

Esimerkki

Seuraavassa esimerkissä haamme kappaleen sen id:n perusteella ja tulostamme näytölle sen className-ominaisuuden arvon:

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

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

Esimerkki

Muutetaan samanaikaisesti ominaisuudet className:lle ja disabled:lle:

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

Katso myös

metodi removeProp,
joka mahdollistaa elementtien ominaisuuksien poistamisen
metodi attr,
joka mahdollistaa elementtien attribuuttien käsittelyn