HTML JS
(quick guide & examples)
SET DATA-KEY=”VALUE” IN START TAG <div id="demo" data-color=”red”></div>
ASSIGN DATASET IN JAVASCRIPT document.getElementById("demo").dataset.color = "Red";
ELEMENT WITH DATA-KEY=”VALUE” <div id="demo" data-color=”red”></div>
GET DATASET IN JAVASCRIPT var color = document.getElementById ("demo").dataset.color;
TARGET HTML ELEMENT <div id="demo"></div> GET HTML ELEMENT var el = document.getElementById("demo");
SET - JSON ENCODE ARRAY TO STRING el.dataset.arr = JSON.stringify(["A", "B"]); GET - JSON DECODE STRING TO ARRAY var data = JSON.parse(el.dataset.arr);