Метад html

Метад html дазваляе змяняць тэкст элемента і атрымліваць яго разам з тэгамі.

Сінтаксіс

Атрыманне тэксту:

javascript$(селектар).html();

Змяненне тэксту:

javascript$(селектар).html(новы тэкст);

Дадаткова

Метад html можа ўжыць зададзеную функцыю да кожнага элемента ў наборы. Пры гэтым першым параметрам функцыя атрымае нумар элемента ў наборы, а другім параметрам - бягучы тэкст элемента:

javascript$(селектар).html(function(нумар у наборы, бягучы тэкст элемента));

Імёны зменных у функцыі могуць быць любымі. Напрыклад, калі для першага параметра мы дамо імя index - тады ўнутры нашай функцыі будзе даступная зменная index, у якой будзе ляжаць нумар у наборы для таго элемента, які функцыя апрацоўвае ў дадзены момант часу.Аналагічна, калі для другога параметра даць, напрыклад, імя value - тады ўнутры нашай функцыі будзе даступная зменная value, у якой будзе ляжаць тэкст таго элемента, які функцыя апрацоўвае ў дадзены момант часу:

javascript$(селектар).html(function(index, value) {

  // тут даступныя зменныя index і value
  
});

Тэкст кожнага элемента зменіцца на той, які верне функцыя канкрэтна для гэтага элемента.

Прыклад

Давайце вывядзем на экран змесціва нашага абзаца:

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

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

Прыклад

Давайце зменім змесціва нашага абзаца:

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

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

HTML код стане выглядаць так:

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

Прыклад

Давайце зменім змесціва нашага абзаца на тэкст з тэгамі:

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

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

HTML код стане выглядаць так:

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

Прыклад

Давайце кожнаму абзацу дадамо ў канцы яго парадкавы нумар у наборы:

html<p>text</p>
<p>text</p>
<p>text</p>

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

HTML код стане выглядаць так:

html<p>text 1</p>
<p>text 2</p>
<p>text 3</p>

Глядзіце таксама