[已解决]for循环创建几个div格式怎么写啊？

我好困啊

想用for循环创建几个DIV，js写的不对，有没有大神指导指导。怎么用一个for循环，输出多个图二的div

最佳答案

月排行榜 / 总排行榜

陈立希2570

2019-3-21 09:46:07

<div id="shiPin"></div>
  
  <script >
    var tu = [
      {title:'aatitle',name: 'aname',hot: 'a120w',url: 'aurl',imgUrl: 'aimgUrl'},{title:'batitle',name: 'bname',hot: 'b120w',url: 'burl',imgUrl: 'bimgUrl'},{title:'catitle',name: 'cname',hot: 'c120w',url: 'curl',imgUrl: 'cimgUrl'}
    ];
    var shiPin = document.getElementById('shiPin');
    var Tu = '';
    for (var i = 0; i < tu.length; i++){
      Tu += '<div class="shiP"><a href="' + tu[i].url + '"><img src="'+ tu[i].imgUrl +'" class="bz" /></a><p class="title">' + tu[i].title + '</p><p class="userName">' + tu[i].name + '</p><p class="hot"><img src="../imgs/hot/jpg" id="hot"/>'+ tu[i].hot + '</p></div>';
    }
    shiPin.innerHTML = Tu;
   
  </script>

跳转到最佳答案楼层

我好困啊

还有一个问题忘记问了 ，图片跟文字怎么水平对齐呢，我的文字总是比文字低一点。

陈立希2570

F:\微信图片_20190321094410.png

陈立希2570

<div id="shiPin"></div>
  
  <script >
    var tu = [
      {title:'aatitle',name: 'aname',hot: 'a120w',url: 'aurl',imgUrl: 'aimgUrl'},{title:'batitle',name: 'bname',hot: 'b120w',url: 'burl',imgUrl: 'bimgUrl'},{title:'catitle',name: 'cname',hot: 'c120w',url: 'curl',imgUrl: 'cimgUrl'}
    ];
    var shiPin = document.getElementById('shiPin');
    var Tu = '';
    for (var i = 0; i < tu.length; i++){
      Tu += '<div class="shiP"><a href="' + tu[i].url + '"><img src="'+ tu[i].imgUrl +'" class="bz" /></a><p class="title">' + tu[i].title + '</p><p class="userName">' + tu[i].name + '</p><p class="hot"><img src="../imgs/hot/jpg" id="hot"/>'+ tu[i].hot + '</p></div>';
    }
    shiPin.innerHTML = Tu;
   
  </script>

陈立希2570

Css属性vertical-align可以对齐图片与文字。