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">текст</p>javascriptlet text = $('#test').html();
alert(text);
Мисал
Келгиле, биздин абзацтын мазмунун өзгөртөлү:
html<p id="test">текст1</p>javascript$('#test').html('текст2');
HTML коду төмөнкүдөй көрүнөт:
html<p id="test">текст2</p>
Мисал
Келгиле, биздин абзацтын мазмунун тегдер менен текстке алмаштыралы:
html<p id="test">текст1</p>javascript$('#test').html('<span>текст2</span>');
HTML коду төмөнкүдөй көрүнөт:
html<p id="test"><span>текст2</span></p>
Мисал
Келгиле, ар бир абзацтын аягына анын топтогу иреттик номерин кошолу:
html<p>текст</p>
<p>текст</p>
<p>текст</p>javascript$('p').html(function(index, value){
return value + ' ' + index;
});
HTML коду төмөнкүдөй көрүнөт:
html<p>текст 1</p>
<p>текст 2</p>
<p>текст 3</p>