Data islands

by sanford

HTML

<script id="island1" type="text/html">
    this data is stored in a backward-
    compatible data island
</script>
<data id="island2" value="value attr supported in HTML5">
    this data is stored in an HTML5 data tag, 
    which is only fully valid in in Firefox
    but may work elsewhere
</data>

JavaScript

var island1 = document.querySelector('#island1'),
    island2 = document.querySelector('#island2'),
    data1 = island1.innerHTML,
    data2 = island2.innerHTML,
    value2 = island2.value;

console.log(data1,data2,value2);