1.不可以直接使用。
2.不能使用变量作为变量名，据我了解没有哪一种语言可以这么干。
3.你可以使用二维数组来赋值
var array=new Array()
for(var i=0i<3i++){
array[i]=[]
}
4.或者还有另一种方案用eval,它会把字符串当做表达式执行
eval("var test" + i + "=" + i)。
1/6第一步，双击打开HBuilder编辑工具，新建一个静态页面dy.html，使用默认的HTML5模板，
2/6
第二步，在<body></body>主体节点添加一个<div></div>标签，并添加div标签id属性
3/6
第三步，在标题标签下方添加一个<script></script>，并使用window.onload初始化，调用毙斤方法创建一个label标签元素节点
4/6
第四步，接着再次调用JavaScript中的方法createTextNode创建文本节点
5/6
第五步，保存代码并在浏览器中预览效果，可以发现显示一个文字内容
6/6
第六步，最后打开浏览器控制台，查看界面源代码，可以看到创建后的代码
js太麻烦了，涉及怎么传i进去函数里面，找了好久资料才找着，最好用还是jq我下面提供的资料都有，，隐藏的是jq实现的，你可以复制到你本地看看。。。
具体js实现后的效果如下：
然后代码如下：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{
margin:0
padding:0
}
body{
font:normal 1em Arial, Helvetica, sans-serif
margin:0
padding:0
}
a{ text-decoration:nonecolor:black}
a:hover{ text-decoration:underlinecolor:red}
#ull li{ border:1px solid red}
.navHover{ background:#aaa}
.navHover0{ background:#99F}
.navHover1{ background:#ccc}
.navHover2{ background:#f00}
.navHover3{ background:#ff0}
.navHover4{ background:#99d}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<ul id="ull">
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
<script language="javascript">
var wLi = document.getElementById("ull").getElementsByTagName("li")
for(var i = 0i <wLi.lengthi++){
wLi[i].onmouseover = function(i){
return function(){
this.className = "navHover" + i
}
}(i)
wLi[i].onmouseout = function(){
this.className = ""
}
}
// $(document).ready(function(){
// $("#ull li").hover(function(){
// var index = $("#ull li").index(this)
// $(this).addClass("navHover" + index)
// },function(){
// $(this).removeClass()
// })
//
// })
</script>
</body>
</html>
