我好困啊 发表于 2019-3-12 16:48:37

for循环创建几个div格式怎么写啊?

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

我好困啊 发表于 2019-3-12 17:08:52

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

陈立希2570 发表于 2019-3-21 09:45:33

F:\微信图片_20190321094410.png

陈立希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.url + '"><img src="'+ tu.imgUrl +'" class="bz" /></a><p class="title">' + tu.title + '</p><p class="userName">' + tu.name + '</p><p class="hot"><img src="../imgs/hot/jpg" id="hot"/>'+ tu.hot + '</p></div>';
    }
    shiPin.innerHTML = Tu;
   
</script>

陈立希2570 发表于 2019-3-21 09:50:35

Css属性vertical-align可以对齐图片与文字。
页: [1]
查看完整版本: for循环创建几个div格式怎么写啊?