0

我在javascript中有一个数组。HTML 将数组的元素打印在屏幕上的 div 中。但我希望 div 的位置根据数组中元素的数量而改变。我使用 CSS 边距和填充来控制 div 在屏幕上的位置。那么怎么可能做到这一点。一定有什么办法，但我就是想不出来。也许我需要使用其他东西，完全分开表单 javascript。

如果 CSS 和 javascript 一起使用，它看起来像这样：

div{

    margin: 100*array.length px;

}

或者

if(array.length > 3){

     margin:400px;

   }else{

     margin:200px;

   }

如果有更简单的方法，而不是使用边距和填充，请告诉我。如果我必须从头开始编写代码，请告诉我。我知道事情不会这么简单。但是最简单的方法是什么。我应该学习什么才能做到这一点。感谢您的任何回答。

4

2 回答 2

0

你几乎拥有它...

document.getElementById('mydiv').style.margin = 100 * array.length + 'px';
于 2013-08-04T17:10:00.637 回答
0

添加基于数组长度的 CSS 类 - 例如，如果您将该值放在数组 myArrayLength 中，那么您可以使用 jQuery 来执行此操作。

if (myArrayLength > 3) {
   $('div').addClass('wider');
}

在 CSS

div {
   width:300px;
}
div.wider {
   width:600px;
}
于 2013-08-04T17:12:13.617 回答