डेटा-* . का उपयोग करें एचटीएमएल में कस्टम डेटा को एचटीएमएल में पेज पर निजी स्टोर करने के लिए विशेषता। इसमें वह विशेषता होती है, जिसमें कोई अपरकेस अक्षर नहीं होना चाहिए और डेटा के बाद उपसर्ग होना चाहिए।
डेटा-* . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<script>
function display(rank) {
var myRank = rank.getAttribute("data-rank-type");
alert("Rank " + rank.innerHTML + " has " + myRank + " points.");
}
</script>
</head>
<body>
<h1>Rank and Points</h1>
<p>Click on any rank to generate the details.:</p>
<ul>
<li onclick = "display(this)" id = "fifth" data-rank-type = "500">Fifth</li>
<li onclick = "display(this)" id = "sixth" data-rank-type = "600">Sixth</li>
</ul>
</body>
</html>