1

Stack Overflow Web サイトの HTML セクションにある最初の 5,625 の質問を調べましたが、特定の問題に一致すると思われる質問は見つかりませんでした。

絶対配置を使用して Web ページに配置したボタンがあります。そのボタンを別の場所に動的に移動する必要があります。たとえば、ボタンの最初の x & y 座標が 8 & 16 であるとします。この例では、x & y 座標が 64 & 128 の位置に移動する必要があります。

これを行うことでボタンの位置を見つけることができます：

the_Old_Button_X_Offset = document.getElementById 
(theButtonID).offsetParent.offsetLeft;

the_Old_Button_Y_Offset = document.getElementById
 (theButtonID).offsetParent.offsetTop ;

これにより、8と16のxとy座標が得られます。しかし、これを実行してボタンのxとy座標をリセットしようとすると:

document.getElementById (theButtonID).offsetParent.offsetLeft = 64;
document.getElementById (theButtonID).offsetParent.offsetTop  = 128;

「offsetParent.offsetLeft」と「offsetParent.offsetLeft」の値は、まだ 8 & 16 であり、64 & 128 ではありません。明らかに、私はどちらも間違ったことをしており、理解すべきことを理解していません。

それで、私は何を間違っていますか？私が見逃しているのは何ですか？そして最も重要なのは、ボタンを Web ページのある場所から別の場所に動的に移動する方法です。

あなたのすべての助けと提案に感謝します。

4

2 に答える 2

0

クラスに新しい場所を追加できます。

.class {top:100; left:100;}

次に、javascript を使用してそのクラスを動的に追加します。

elem.className = "class";

または、上/左 (または下/右、上/右、または下/左) のインライン スタイル属性を直接設定できます。

elem.setAttribute('style', 'top:100px;left:150px;');

または、好きな方を使用してelem.styleを使用できます。

elem は絶対配置要素です

于 2013-04-28T02:43:33.800 に答える