Metóda data

Metóda data umožňuje pripájať dáta akéhokoľvek typu k DOM prvkom bezpečným spôsobom, čo umožňuje vyhnúť sa úniku pamäte. Môžeme nastaviť niekoľko rôznych hodnôt pre prvok a získať ich neskôr. Použitie metódy data na aktualizáciu dát neovplyvňuje atribúty v DOM.

Syntax

Takto nastavíme hodnotu pre nejaký prvok a kľúč, pomocou ktorého ho bude možné neskôr nájsť:

javascript.data(kľúč, hodnota);

Tiež môžeme odovzdať objekt, ktorý obsahuje páry kľúč-hodnota na aktualizáciu dát:

javascript.data(objekt);

Môžeme získať dáta spojené s prvým prvkom v kolekcii jQuery, odovzdaním iba kľúča:

javascript.data(kľúč);

Bez odovzdania akýchkoľvek parametrov môžeme načítať dáta predtým spojené s DOM prvkami. Metóda vráti JavaScript objekt, obsahujúci každú hodnotu ako vlastnosť:

javascript.data();

Príklad

Pomocou data nastavme dáta pre značku p, odovzdaním ako prvého parametra 'test' a hodnotu 21 ako druhý. Potom načítajme dáta uložené s kľúčom 'test':

html<p>text</p>
javascript$('p').data('test', 21); // tu sa dáta zapisujú

console.log($('p').data('test')); // vypíše číslo 21
console.log($('p').data()); // vypíše objekt {test: 21}

Pozri tiež

  • metóda removeData,
    ktorá odstraňuje dáta z prvku
  • metóda hasData,
    ktorá kontroluje prítomnosť dát v prvku
  • metóda attr,
    ktorá umožňuje získať a zmeniť akýkoľvek atribút prvku
  • JavaScript vlastnosť dataset,
    ktorá umožňuje pridávať vlastné atribúty značkám