IE6 / IE7のappendChildは既存の要素では機能しません

Question

DOMのある場所から別の場所に移動する必要があるdivがあります。そのため、現時点では次のようにしています：

flex.utils.get('oPopup_About').appendChild(flex.utils.get('oUpdater_About'));

しかし、IEはIEであるため、動作しません。 IEではなく、他のすべてのブラウザーで動作します。

要素（div） 'oUpdater_About' は何度も入力されるため、再利用する必要があるため、このようにする必要があります。

だから、DOMの周りでdivを移動できるようにするだけで、appendChildはすべてのブラウザでこれを可能にしますが、IEです。

事前に感謝します！

Answer 1

ノードを他の場所に追加する前に、まずノードを削除する必要があります。 1つのノードを同時に2つの場所に置くことはできません。

var node = flex.utils.get('oUpdater_About')
node.parentNode.removeChild(node);
flex.utils.get('oPopup_About').appendChild(node);

Answer 2

oUpdater_Aboutのクローンを作成します（node.cloneNode（true）を使用） この方法で、コピーを取得し、dom-snippetを（ブラウザで）必要なだけ何度でも再利用できます

Answer 3

この投稿では、これに関してappendChildに実際に問題があることを示唆する傾向があります。

http://metadeveloper.blogspot.com/2007 /01/ie-7-appendchild-bug.html

クローンを作成して削除し、代わりにクローンを挿入しようとしましたか

ジェームズ