アプリケーションが特定のJavaScriptクラスライブラリに依存する必要がある場合、言語の問題ではなく、クラスライブラリ自体の問題を誤って解決しようとします。たとえば、div要素を使用してテキスト(HTML要素も含まれている場合がある)をラップしようとするとき。次のHTMLがあるとします。
これはいくつかのテキストと<a href = ""> a link </a>です
この時点で、それを次のように変換したい場合は:
<div>これはいくつかのテキストであり、<a href = ""> a link </a> <div>です
ブルートフォースの最も簡単な方法は、.innerhtmlプロパティを介して親要素の更新を実行できることですが、問題は、innerhtmlを使用するときにHTML要素が再現されるため、すべてのバインドされたイベントリスニングが無効になることです。これはとても大きなグラスです!したがって、現時点では、JavaScriptのみを使用してそれを達成することができます。欠点と欠点があります。これが実装コードです:
var newwrapper = document.createelement( 'div'); while(expstingParent.firstchild){// dom element、newwrapper.appendChild(expstingParent.firstchild); }チャイルドノードは動的ノードのコレクションであるため、ここではループを使用することはできません。ノードを移動する限り、インデックスインデックス値に影響します。 HOWループを使用して、親要素のファーストチャイルドを検出します。 falseを表す値を返す場合、すべてのノードが新しい親に移動されたことがわかります!