<!DOCTYPE html>
<html>
<head>
<title>html tutorial - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy data-* attribute</title>
<script>
function showDetail(obj) {
alert(obj.getAttribute("data-tutorials"));
}
</script>
</head>
<body>
<h1><span>html tutorial - </span>Wikitechy tutorials<span> - html5 - html code - html form</span></h1>
<p>Click The Tutorial list to view details</p>
<ul>
<li onclick="showDetail(this)" data-tutorials="HTML is a standard markup language">HTML</li>
<li onclick="showDetail(this)" data-tutorials="Java is a Programming Language">JAVA</li>
<li onclick="showDetail(this)" data-tutorials="CSS is define styles for web pages">CSS</li>
</ul>
</body>
</html>
<html>
<head>
<title>html tutorial - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy data-* attribute</title>
<script>
function showDetail(obj) {
alert(obj.getAttribute("data-tutorials"));
}
</script>
</head>
<body>
<h1><span>html tutorial - </span>Wikitechy tutorials<span> - html5 - html code - html form</span></h1>
<p>Click The Tutorial list to view details</p>
<ul>
<li onclick="showDetail(this)" data-tutorials="HTML is a standard markup language">HTML</li>
<li onclick="showDetail(this)" data-tutorials="Java is a Programming Language">JAVA</li>
<li onclick="showDetail(this)" data-tutorials="CSS is define styles for web pages">CSS</li>
</ul>
</body>
</html>
Result