Javascript - 動的に絶対位置を変更する

Question

私は絶対的な位置のdivを持つHTMLページを持っています。私はいくつかのデータが生成されるたびに、divを動的に移動するJavaScriptを記述しようとしています。私は.css jquery関数を使用していますが、動作していないようです。どのようにこれを達成することができるかについてのアイデア？

私は下のスタイルで私のページに配置されている次のdivを持っています。

<div id="MyControl"> 
    <%Html.RenderPartial("MyControl")%> 
</div> 

#MyControlControl { 
    position:absolute; 
    text-align:left; 
    left:100px; 
    top:900px; 
} 

私のhtmlの主要な部分では、私はデータベースからのレコードを持つ動的テーブルを構築しています。新しい行が追加されるたびに、Javascriptを呼び出してdivを50ピクセル下に移動したいと思います。私はjavascript（document.getElementByIDは私にオブジェクトの予想されるエラーを与える）とjquery .css関数の両方を試しました。私は働くことができません。

Answer 1

あなたはそれを下に移動する単位数を知っている場合は、使用してそれを達成することができます：

var obj = document.getElementById('<div id>'); 
obj.style.height = '<new height><units>'; i.e. '15px'; 

編集

私はあなたが私が掲示した後までのjQueryを使用していた表示されませんでした。

Answer 2

so。あなたが.fixedクラスで絶対DIVを移動した... ...あなたはルール

div.fixed{ 
position:absolute; 
top:10px; 
left:10px; 
} 

といくつかのjavascript

とdiv要素を持っている

を

$('.fixed').css('top','20px'); 

を想定すると、ページの上部から20ピクセルになるようにしてください。実際にコードを表示して、より良い結果を得ることができます。

Answer 3

jQueryを使用して位置を取得し、それを増分します。

var d = $('#mydiv'); 
// Move down by 50px 
d.css({top:d.position().top+50+'px'}); 

Answer 4

トップの属性に50pxを追加するだけではありませんか？

var myControl = document.getElementById("MyControl"); 
var oldTop = parseInt(myControl.style.top); 
myControl.top = oldTop +50;