<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.οnlοad=function(){
//首先获取所有的图片元素对象
var tupian=document.getElementsByTagName("img");
//去读取数组的索引
for(var i=0;i<tupian.length;i++){
tupian[i].setAttribute("index",i+1);
tupian[i].οnclick=function(){
var score=event.srcElement.getAttribute("index");
document.getElementById("fen").innerHTML=score;
// var x=score-1;
for(var j=0;j<score;j++){
tupian[j].setAttribute("src","inages/1star.gif");
}
for(var j=score;j<tupian.length;j++){
tupian[j].setAttribute("src","inages/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.οnlοad=function(){
//首先获取所有的图片元素对象
var tupian=document.getElementsByTagName("img");
//去读取数组的索引
for(var i=0;i<tupian.length;i++){
tupian[i].setAttribute("index",i+1);
tupian[i].οnclick=function(){
var score=event.srcElement.getAttribute("index");
document.getElementById("fen").innerHTML=score;
// var x=score-1;
for(var j=0;j<score;j++){
tupian[j].setAttribute("src","inages/1star.gif");
}
for(var j=score;j<tupian.length;j++){
tupian[j].setAttribute("src","inages/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分
</body>
</html>