Code
Execute
<!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>
Result