<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>评分</title>
<script>
window.οnlοad=function(){
//获取所有图片的元素对象
var obj = document.getElementsByTagName("img");
//读取数组的索引
for(var i=0;i<obj.length;i++){
//给元素属性赋值
obj[i].setAttribute("index",i+1);
obj[i].οnclick=function(){
//读取元素的属性值
var b = event.srcElement.getAttribute("index");
document.getElementById("result").innerHTML=b;
var c = b-1;
for(var j=0;j<=c;j++){
obj[j].setAttribute("src","images/1star.gif");
}
for(var t=c+1;t<obj.length;t++){
obj[t].setAttribute("src","images/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
你所提交的评分为:<span id="result" style="color: red">0</span>分
</body>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>评分</title>
<script>
window.οnlοad=function(){
//获取所有图片的元素对象
var obj = document.getElementsByTagName("img");
//读取数组的索引
for(var i=0;i<obj.length;i++){
//给元素属性赋值
obj[i].setAttribute("index",i+1);
obj[i].οnclick=function(){
//读取元素的属性值
var b = event.srcElement.getAttribute("index");
document.getElementById("result").innerHTML=b;
var c = b-1;
for(var j=0;j<=c;j++){
obj[j].setAttribute("src","images/1star.gif");
}
for(var t=c+1;t<obj.length;t++){
obj[t].setAttribute("src","images/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
<img src="images/2star.gif" >
你所提交的评分为:<span id="result" style="color: red">0</span>分
</body>
</html>