2016-09-04 6 views
-2

DOM内の値を変更せずに要素を変数内の位置に移動することはできますか?DOM要素をDOMに変更せずに任意の位置に移動しますか?

たとえば、パトロールガードユニットを表すdivを使用していた場合、DOMツリー全体を強制的に再作成せずに移動する場所を教えてもらえますか?

+0

私はあなたが*「動いている」ということを理解していません。画面上の位置?または、いくつかのArray/NodeListのインデックス? 「DOMツリー全体を強制的に再作成せずにどこに移動すればいいのか教えてもらえますか?」と思いますが、これはあなたのパフォーマンスに大きな影響を与えます。 – Thomas

+0

javascriptのすべてがObjectです。そのため、JavaスクリプトのDOMオブジェクトをコピーしてから、別のDOMロケーションに接続してください。 var para = document.createElement( "to"); var node = document.getElementById( "from"); para.appendChild(node); または私はあなたの質問を得ていませんでした。 –

+0

@トーマス申し訳ありませんが、私はそれを画面上で動かすことを意味していました。私はcssアニメーションを使用して要素を移動する例を見てきましたが、毎回同じ方向に行くのではなく、宛先を指定することはできませんでした。 – mcatee

答えて

0

私はリフローを誤解していたことが判明しました。私はの上にまたはの左にの属性を設定するとリフローが起こると思っていましたが、私はそれ以来調査していませんでした。あなたができるWebページ上のある位置から別の位置(任意の位置)をdiv要素を移動するには:

  1. 形で(そのオブジェクトのCSSの遷移を作成します。を私の質問に答えるので

    、トランジション:attributeToActOn lengthOfTimeToTake、私のdivを移動するため、私はトップを左に使用して、あなたの移行に参照される属性は、ご希望の新しい位置を反映する(そして、それは正確にLENを取る覚えて

  2. 変更。あなたが定義したgthOfTime)。

あなたの要素は古い位置から新しい に正常に移動します。

これらの遷移は、立方体ベジェ(または類似の)関数をタイミングに使用することによって、より自然なものにすることができます。

関連する問題