一、效果
二、代码
<body>
<ul>
<li>语文成绩</li>
<li>数学成绩</li>
<li>化学成绩</li>
<li>地理成绩</li>
<li>生物成绩</li>
</ul>
<script>
function my(id){
return document.getElementById(id);
}
//自定义获取没个科目的成绩
var list=document.getElementsByTagName("li");
//遍历
for (var i = 0; i < list.length; i++) {
list[i].setAttribute("score",(i+1)*10);
//自定义属性:setAttribute("属性的名字",“属性的值),
list[i].onclick=function(){
alert(this.getAttribute("score"))//获取自定义属性的值getAttribute(”属性的名字)
}
}
</script>
</body>