用javascript程序来实现以前做的coffee网页

  经过前两天对Javascript的初步了解，今天课堂上王老师带着我们帮以前的coffee介绍页面用script做出来，相比以前每段div都要进行大量的修饰定义，Javascrpt可以通过一个for语句循环来解决，非常方便。但是刚开始还是没能做出来，问题在document.write()的输出格式不对。document.write（）的输出跟以前的输出差不多，里面的输出的图片，标题，段落可以用定义的数组里的元素来代替，比如var coffees=[
{
img:'.....',
title:'......',
detail:'....... '

},

                      {
img:'.....',
title:'......',
detail:'....... '

},  ..............]

for (var i = 0; i < coffees.length; i++) {
document.write('<div class="wrapper"><img src="'+coffees[i].img+'"><h3>'+coffees[i].title+'</h3><p>'+coffees[i].detail+'</p></div>')
}

  +coffees[i].img+等于第i个段落里引用的图片地址+号表示连接符