Metóda html

Metóda html umožňuje meniť text elementu a získať jeho text spolu s tagmi.

Syntax

Získanie textu:

javascript$(selektor).html();

Zmena textu:

javascript$(selektor).html(nový text);

Dodatočné informácie

Metóda html môže aplikovať zadanú funkciu na každý element v množine. Prvým parametrom funkcia získa číslo elementu v množine, a druhým parametrom - aktuálny text elementu:

javascript$(selektor).html(function(číslo v množine, aktuálny text elementu));

Mená premenných vo funkcii môžu byť ľubovoľné. Napríklad, ak pre prvý parameter dáme meno index - potom vnútri našej funkcie bude dostupná premenná index, v ktorej bude číslo v množine pre ten element, ktorý funkcia spracováva v danom momente. Analogicky, ak pre druhý parameter dáme, napríklad, meno value - potom vnútri našej funkcie bude dostupná premenná value, v ktorej bude text toho elementu, ktorý funkcia spracováva v danom momente:

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

  // tu sú dostupné premenné index a value
  
});

Text každého elementu sa zmení na ten, ktorý vráti funkcia konkrétne pre tento element.

Príklad

Vypíšme na obrazovku obsah nášho odseku:

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

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

Príklad

Zmeňme obsah nášho odseku:

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

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

HTML kód bude vyzerať takto:

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

Príklad

Zmeňme obsah nášho odseku na text s tagmi:

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

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

HTML kód bude vyzerať takto:

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

Príklad

Pridajme každému odseku na konci jeho poradové číslo v množine:

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

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

HTML kód bude vyzerať takto:

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

Pozri tiež