Метод 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>

Погледајте такође