for循环创建几个div格式怎么写啊?
想用for循环创建几个DIV,js写的不对,有没有大神指导指导。怎么用一个for循环,输出多个图二的div还有一个问题忘记问了 ,图片跟文字怎么水平对齐呢,我的文字总是比文字低一点。 F:\微信图片_20190321094410.png <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> Css属性vertical-align可以对齐图片与文字。
页:
[1]