菜鸟问个超简单的问题，答对马上就给分

Question

用JS输出<script>
for(var i=1;i<=10;i++){
document.write('<div id="divOptionalMessage1" style="visibility:hidden">')    
document.write('<center><IMG src="photo/'+i+'.jpg"></center><br>介绍：')
document.write('</div>')
}
</script>

Answer 1

谢谢楼上的，我这样写的
[code]
<script>
for(var i=1;i<=11;i++){
document.write('<div id="divOptionalMessage'+i+'" style="visibility:hidden">')    
document.write('<center><IMG src="photo/'+i+'.jpg"></center><br>介绍：')
document.write('</div>')
}
</script>
[/code]这样的话，前面的格式定义也要重复定义，有什么简洁的办法么？

Answer 2

谢谢楼上的，我这样写的<script>
for(var i=1;i<=11;i++){
document.write('<div id="divOptionalMessage'+i+'" style="visibility:hidden">')    
document.write('<center><IMG src="photo/'+i+'.jpg"></center><br>介绍：')
document.write('</div>')
}
</script>
这样的话，前面的格式定义也要重复定义，有什么简洁的办法么？

Answer 3

 <style   type="text/css"> 
<!-- 
.divClass   { 
position:absolute; 
left:   auto; 
top:   auto; 
width:500px; 
height:500px; 
padding:6px; 
z-index:1; 
font-weight:   bolder; 
color:   white; 
background-color:   #006699; 
} 
--> 
</style>
<script> 
for(var   i=1;i <=11;i++){ 
//class="divClass"
document.write('<div class="divClass" id="divOptionalMessage'+i+'"   style="visibility:hidden">')         
document.write('<center><IMG src="photo/'+i+'.jpg"></center><br> 介绍') 
document.write('</div>') 
} 
</script>