Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div 
       id="player"
       data-name="Jose Bautista"
       data-type="Slugger"
       data-team="Blue Jays"
       data-epic-moment="Bat Flip"
  >
  </div>
</body>
</html>
 
var myData = document.getElementById('player');
console.log(myData.dataset.name); // "Jose Bautista"
console.log(myData.dataset.type); // "Slugger"
console.log(myData.dataset.team); // "Blue Jays"
console.log(myData.dataset.epicMoment); // "Bat Flip"
console.log(myData.dataset);
myData.dataset.epicMoment = 'Bat Toss';
console.log(myData.dataset.epicMoment); // "Bat Toss"
console.log(myData.dataset);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ImpressiveWebspro
0viewers