Методот html
Методот html овозможува да се менува текстот
на елементот и да се добие заедно со тагови.
Синтакса
Добивање на текст:
$(селектор).html();
Менување на текст:
$(селектор).html(нов текст);
Дополнително
Методот html може да примени зададена
функција на секој елемент во множеството.
При тоа, првиот параметар функцијата ќе го добие
бројот на елементот во множеството, а вториот параметар
- тековниот текст на елементот:
$(селектор).html(function(број во множество, тековен текст на елементот));
Имињата на променливите во функцијата можат да бидат какви било.
На пример, ако за првиот параметар му дадеме име
index - тогаш во нашата функција ќе биде достапна
променливата index, во која ќе се наоѓа бројот во
множеството за тој елемент кој функцијата го обработува
во тековниот момент. Слично, ако за вториот
параметар му дадеме, на пример, име value - тогаш
во нашата функција ќе биде достапна променливата value,
во која ќе се наоѓа текстот на тој елемент кој функцијата
го обработува во тековниот момент:
$(селектор).html(function(index, value) {
// овде се достапни променливите index и value
});
Текстот на секој елемент ќе се смени на оној, кој ќе го врати функцијата конкретно за тој елемент.
Пример
Ајде да го испечатиме содржината на нашиот пасус:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Пример
Ајде да ја смениме содржината на нашиот пасус:
<p id="test">text1</p>
$('#test').html('text2');
HTML кодот ќе изгледа вака:
<p id="test">text2</p>
Пример
Ајде да ја смениме содржината на нашиот пасус на текст со тагови:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML кодот ќе изгледа вака:
<p id="test"><span>text2</span></p>
Пример
Ајде на секој пасус да му додадеме на крајот неговиот реден број во множеството:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML кодот ќе изгледа вака:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
