javascript - 使用 foreach 附加一个孩子
问题描述
假设我有一个回应
我通过数组循环
response.data.aTweets.forEach(element => {
//console.log(element);
element.pics.forEach(pic => {
var image = new Image();
image.height = 180;
image.classList.add('mt-2','rounded','mr-2', 'w-100');
image.src = pic;
oHome.oImageRow1.appendChild(image); //append to image row one if length is <= 2
oHome.oImageRow2.appendChild(image); //append to image row one if length is > 2
});
oHome.oTweetContainer.appendChild(oHome.oClone);
});
这是我的 oImageRow1 和 oImageRow2
<div class="row" id="image_row_one">
</div>
<div class="row" id="image_row_two">
</div>
如果 element.pics 的长度大于 2,我如何附加到图像第一行
我尝试使用 element.pics.length 但它是恒定的。我想我可能需要一个柜台什么的
解决方案
这应该有效。
response.data.aTweets.forEach(element => {
//console.log(element);
element.pics.forEach(pic => {
var image = new Image();
image.height = 180;
image.classList.add('mt-2','rounded','mr-2', 'w-100');
image.src = pic;
element.pics.length > 2 ? oHome.oImageRow2.appendChild(image) : oHome.oImageRow1.appendChild(image);
});
oHome.oTweetContainer.appendChild(oHome.oClone);
});
推荐阅读
- bash - 在 bash 脚本中使用传递回调函数提供检查状态代码的方法
- netlogo - 遵循平均摆线导致海龟类型错误
- docker - 将 Docker 映像部署到 Heroku:H14 错误
- netsuite - 是否可以将 NetSuite/Open Air 应用程序添加到 Zapier 应用程序?
- php - Laravel 8错误尝试在null上分配属性“plateno”
- node.js - 尝试使用 Electron 和 node-html-pdf 创建 PDF 时出错
- bash - 使用 grep 查找日志中的错误和错误来源
- excel - 我想选择动态单元格并自动填充到最后一行
- python - 极小极大逻辑工作缓慢
- python - Python 无法在 Windows 上访问文件