Meetod html
Meetod html võimaldab muuta elemendi
teksti ja saada selle koos siltidega.
Süntaks
Teksti saamine:
javascript$(selektor).html();
Teksti muutmine:
javascript$(selektor).html(uus tekst);
Lisainfo
Meetod html saab rakendada määratud
funktsiooni igale elemendile kogumis.
Sel juhul saab funktsioon esimese parameetrina
elemendi numbri kogumis ja teise parameetrina
- elemendi praeguse teksti:
javascript$(selektor).html(function(number kogumis, praegune elemendi tekst));
Muutujate nimed funktsioonis võivad olla suvalised.
Näiteks kui anname esimesele parameetrile nime
index - siis meie funktsioonis on kättesaadav
muutuja index, milles on selle elemendi number
kogumis, mida funktsioon töötleb
sel ajal. Samamoodi, kui teisele
parameetrile anda näiteks nimi value - siis
meie funktsioonis on kättesaadav muutuja value,
milles on selle elemendi tekst, mida funktsioon
töötleb sel ajal:
javascript$(selektor).html(function(index, value) {
// siin on kättesaadavad muutujad index ja value
});
Iga elemendi tekst muutub selleks, mille funktsioon tagastab konkreetselt selle elemendi jaoks.
Näide
Väljastame ekraanile meie lõigu sisu:
html<p id="test">text</p>javascriptlet text = $('#test').html();
alert(text);
Näide
Muudame meie lõigu sisu:
html<p id="test">text1</p>javascript$('#test').html('text2');
HTML kood näeb välja selline:
html<p id="test">text2</p>
Näide
Muudame meie lõigu sisu tekstiks siltidega:
html<p id="test">text1</p>javascript$('#test').html('<span>text2</span>');
HTML kood näeb välja selline:
html<p id="test"><span>text2</span></p>
Näide
Lisame igale lõigule lõppu selle järjekorranumbri kogumis:
html<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kood näeb välja selline:
html<p>text 1</p>
<p>text 2</p>
<p>text 3</p>