总结:在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值
- html标签中有没有什么自带的属性可以存储成绩的----没有
- 本身html标签没有这个属性, 自己(程序员)添加的----自定义属性---为了存储一些数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> ul { list-style-type: none; cursor: pointer; } </style> </head> <body> <ul> <li score="60">张三的数学成绩</li> <li score="90">赵四的数学成绩</li> <li score="90">王五的数学成绩</li> <li score="80">唐七的数学成绩</li> <li score="50">宋八的数学成绩</li> </ul> <script src="common.js"></script> <script> var list = document.getElementsByTagName("li"); for (var i = 0; i < list.length; i++) { list[i].onclick = function () { // alert(this.score);//弹出undefined alert(this.getAttribute("score")); }; } </script> </body>