如何用JS将多幅图片随机插入到多个层里?

Question

<p  class="zz"> <img name="test">  </p> 
<script language=javascript>
var str=new Array();
str[0]="http://zi.csdn.net/46860_7.gif"
str[1]="http://zi.csdn.net/48260_3.gif"
var index=Math.floor(Math.random()*2)
document.getElementById("test").src=str[index]
</script>

Answer 1

<p  class="zz"> <img name="test1">  </p>
<p  class="zz"> <img name="test2">  </p> 
<p  class="zz"> <img name="test3">  </p>  
<script language=javascript>
    var str=new Array();
    str[0]="http://zi.csdn.net/46860_7.gif"
    str[1]="http://zi.csdn.net/48260_3.gif"
    function show(name)
    {
     var index=Math.floor(Math.random()*2)
     document.getElementById(name).src=str[index]
    }
    show("test1")
    show("test2")
    show("test3")
</script>

Answer 2

这个方法可以,但是如果层的数量是不确定时,比如有8个层就必须调用到test8了,感觉不太灵活,能否这样,只插入test1到每个层,就可以随机调用多张图片? 这样只要一个test1就能应付所有增加的层.而不用再改test的数量来实现了. 谢谢!<p  class="zz"> <img name="test1">  </p>
<p  class="zz"> <img name="test1">  </p> 
<p  class="zz"> <img name="test1">  </p>  以上可以调用么?

Answer 3

<p  class="zz"> <img name="test">  </p>
<p  class="zz"> <img name="test">  </p> 
<p  class="zz"> <img name="test">  </p>  
<script language=javascript>
    var str=new Array();
    str[0]="http://zi.csdn.net/46860_7.gif"
    str[1]="http://zi.csdn.net/48260_3.gif"
    function show(name)
    {
     var objs=document.getElementsByName(name)
     for(var i=0;i<objs.length;i++)
     {
        var index=Math.floor(Math.random()*2)
        objs[i].src=str[index]
       }
    }
    show("test")
</script>

Answer 4

VERY GOOD !!!! 技术没得说 ,太感谢了~