How to access the data-weekday property of the div element with javascript?

Question

How to access the data-weekday property of the div element with javascript?

<div style="display: none;" id="weekday" data-weekday="7"></div>

Answer 1

You can use the .dataset:

const weekDay = document.getElementById('weekday').dataset.weekday;
console.log(weekDay); // 7

<div style="display: none;" id="weekday" data-weekday="7"></div>

Or read the attribute directly:

const weekDay = document.getElementById('weekday').getAttribute('data-weekday');
console.log(weekDay); // 7

<div style="display: none;" id="weekday" data-weekday="7"></div>

Answer 2

To get an attribute from your div just use getAttribute("data-weekday"); specified in w3schools. Follow the demo.

var x = document.getElementById("weekday").getAttribute("data-weekday");
alert(x);

<div style="display: none;" id="weekday" data-weekday="7"></div>

With Jquery

var x = $("#weekday").attr("data-weekday");
alert(x);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="display: none;" id="weekday" data-weekday="7"></div>