html-metode
Die metode html laat jou toe om die teks van 'n element te verander en om dit saam met etikette te kry.
Sintaksis
Om teks te kry:
$(selektor).html();
Om teks te verander:
$(selektor).html(nuwe teks);
Bykomend
Die metode html kan 'n gegewe funksie op elke element in die versameling toepas.
Die funksie kry die nommer van die element in die versameling as die eerste parameter, en die huidige teks van die element as die tweede parameter:
$(selektor).html(function(nommer in versameling, huidige teks van element));
Die naam van die veranderlikes in die funksie kan enigiets wees.
Byvoorbeeld, as ons vir die eerste parameter die naam index gee, sal daar binne ons funksie 'n veranderlike index beskikbaar wees, wat die nommer in die versameling sal bevat vir daardie element wat die funksie op die oomblik verwerk.
Soortgelyk, as ons vir die tweede parameter byvoorbeeld die naam value gee, sal daar binne ons funksie 'n veranderlike value beskikbaar wees, wat die teks sal bevat van daardie element wat die funksie op die oomblik verwerk:
$(selektor).html(function(index, value) {
// hier is die veranderlikes index en value beskikbaar
});
Die teks van elke element sal verander na die een wat die funksie spesifiek vir daardie element teruggee.
Voorbeeld
Kom ons wys die inhoud van ons paragraaf op die skerm:
<p id="test">teks</p>
let text = $('#test').html();
alert(text);
Voorbeeld
Kom ons verander die inhoud van ons paragraaf:
<p id="test">teks1</p>
$('#test').html('teks2');
Die HTML-kode sal so lyk:
<p id="test">teks2</p>
Voorbeeld
Kom ons verander die inhoud van ons paragraaf na teks met etikette:
<p id="test">teks1</p>
$('#test').html('<span>teks2</span>');
Die HTML-kode sal so lyk:
<p id="test"><span>teks2</span></p>
Voorbeeld
Kom ons voeg aan die einde van elke paragraaf sy volgorde-nommer in die versameling by:
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
Die HTML-kode sal so lyk:
<p>teks 1</p>
<p>teks 2</p>
<p>teks 3</p>
Sien ook
-
die metode
text,
wat jou toelaat om die teks van 'n element sonder etikette te kry -
JavaScript eienskap
innerHTML,
waarmee jy die teks van 'n element in suiwer JavaScript kan verander -
JavaScript eienskap
outerHTML,
waarmee jy die teks van 'n element saam met sy etiket in suiwer JavaScript kan verander
