how to get value from data-summary attribute of span using java script

Question

how to fetch value of data-summary attribute of span using java script

example

<span id="summary-text" data-summary="this value needed">summary of contents  </span>

example this value needed

Possible duplicate of How can I get a HTML data value as a string with jQuery?. Note that the top answer uses native JavaScript. — Serlite
– Serlite, Commented Oct 6, 2015 at 21:52

1252748 · Accepted Answer · 2015-10-06 22:07:45Z

2

Use the dataset object to retrieve attributes prefixed with 'data'.

var data = document.getElementById("summary-text").dataset.summary;
console.log(data); //this value needed

answered Oct 6, 2015 at 22:07

1252748

15.5k35 gold badges118 silver badges244 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

That's the way with ES6 :-)

@DaveEveritt I don’t follow.

.dataset is supported in the relatively recent ES6 version of JavaScript. The older way is .getAttribute

sg.cc · Accepted Answer · 2015-10-06 21:53:54Z

-1

document.getElementById('summary-text').getAttribute('data-summary') should work.

answered Oct 6, 2015 at 21:53

sg.cc

1,83620 silver badges41 bronze badges