Metod html

Metod html element tekstini üýtgetmäge we ony teglar bilen bilelikde almag rugsat berýär.

Sintaksis

Teksti almak:

javascript$(selektor).html();

Teksti üýtgetmek:

javascript$(selektor).html(täze tekst);

Goşmaça

Metod html setirdäki her element üçin berlen funksiýany ulanyp biler. Bu ýagdaýda funksiýa birinji parametr hökmünde elementiň setirdeki nomerini, ikinji parametr hökmünde bolsa - elementdäki häzirki teksti alyar:

javascript$(selektor).html(function(setirdäki nomer, elementdäki häzirki tekst));

Funksiýadaky üýtgeýänleriň adlary islendik bolup biler. Mysal üçin, birinji parametr üçin biz index adyny bersek - onda biziň funksiýamyzda index üýtgeýjisi elýeterli bolar, onuň içinde şu wagt işlenýän elementiň setirdeki nomeri bolar. Şoňuň ýaly, ikinji parametr üçin mysal üçin, value adyny bersek - onda biziň funksiýamyzda value üýtgeýjisi elýeterli bolar, onuň içinde şu wagt işlenýän elementiň teksti bolar:

javascript$(selektor).html(function(index, value) {

  // bu ýerde index we value üýtgeýjileri elýeterli
  
});

Her elementdäki tekst, funksiýanyň ol element üçin ýönekeý gaýtaryşy bilen çalşylar.

Mysal

Geliň biziň abzasymyzyň mazmunyny ekrana çykaralyň:

html<p id="test">tekst</p>

javascriptlet tekst = $('#test').html();
alert(tekst);

Mysal

Geliň biziň abzasymyzyň mazmunyny çalşalyň:

html<p id="test">tekst1</p>

javascript$('#test').html('tekst2');

HTML kody şeýle görünýär:

html<p id="test">tekst2</p>

Mysal

Geliň biziň abzasymyzyň mazmunyny teglar bilen bilelikde tekste çalşalyň:

html<p id="test">tekst1</p>

javascript$('#test').html('<span>tekst2</span>');

HTML kody şeýle görünýär:

html<p id="test"><span>tekst2</span></p>

Mysal

Geliň her abzasa onuň setirdeki tertip belgisiň aýryny goşalyň:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

javascript$('p').html(function(index, value){
  return value + ' ' + index;
});

HTML kody şeýle görünýär:

html<p>tekst 0</p>
<p>tekst 1</p>
<p>tekst 2</p>

Hem-de görüň