在线求助！~getElementById()方法出现异常！高分送上！

Question

话不多说，各位请看码!
                   <script type="text/javascript">
$(document).ready(function(){
var rights=document.getElementsByName("vvvt");
for(var i=0;i<rights.length;i++){
                                       //问题出现在这里，我们接取了数组中每个元素的value，是没有问题的
                                       //但奇怪的是，每次我们使用getElementById时循环只会遍历一次（其他情况下//是没有问题的），后来经过商量感觉var的变量类型有问题，getElementById需要的是一个字符串的参数，难道value的值不//是字符串吗？高分求教！
var wocao = rights.item(i).value;
alert(wocao);
document.getElementById(wocao).style.display="block";
}
       });
</script>
<cn:forEach items="${sessionScope.right}" var="temp">
${temp}
<input type="hidden" value="${temp}" name="vvvt"/>
</cn:forEach>

Answer 1

前端模板解析？你确定是：var wocao = rights.item(i).value;
而不是：var wocao = rights[i].value;??
document.getElementById(wocao );//这个对象也确实存在？

Answer 2

输出到浏览器页面上的HTML代码是什么，看那个才有用

Answer 3

$(document).ready(function(){这些代码最好放到页面最后,或者改成
window.onload=function()
{}
有的浏览器执行$(document).ready有问题

Answer 4

<cn:forEach items="${requestScope.employees}" var="temp" varStatus="id">
<tr>
<td bgcolor="#FFFFFF">
<a style="display:none" id="deleteEmployee${temp.employee_Id}" href="employee_toDisableEmployee?employee_id=${temp.employee_Id}">删除</a>
<a style="display:none" id="updateEmployeeRight${temp.employee_Id }" href="employee_toSearchById?employee.employee_Id=${temp.employee_Id}">修改权限</a>
<a style="display:none" id="updateEmplyeeRole${temp.employee_Id }" href="changeEmployeeRole?employee.employee_Id=${temp.employee_Id}">修改员工角色</a>
 </td>
</tr>
</cn:forEach> 这是网页的代码 id是拼接出来的