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 に答える