javascript - Javascript限制连续的图像

Question

我总共有 4 张图片。我想连续显示 2 张图像。

这是我的静态 html 文件，我需要使用 javascript 动态生成

<div class="row-fluid">
  <div>imag1</div>
  <div>imag2</div>
</div>
<div class="row-fluid">
  <div>imag3</div>
  <div>imag4</div>
</div>

javascript

for(var i = 1; i <= images.length; i++){

}

Answer 1

<div class="row-fluid">
  <div class="row-img">imag1</div>
  <div class="row-img">imag2</div>
</div>
<div class="row-fluid">
  <div class="row-img">imag3</div>
  <div class="row-img">imag4</div>
</div>

Javascript

var rowImg=document.getElementsByClassName('row-img');

for(var i = 0; i < images.length; i++){
  rowImg[i].appendChild(images[i]);
}

Answer 2

为什么要使用 JS？您可以通过 css 执行此操作。

div.row-img{
    width : 48%;
    display : inline-block;
}