JavaScriptを使って一つのDIVでテキスト要素ノードを包装することを実現します.

1378 ワード

あなたのアプリケーションがある特定のJavaScriptクラスに依存する必要がある時、いつもある種類のライブラリ自身の問題を解決しようとします.言語の問題ではありません.例えば、テキスト(HTML要素も含まれているかもしれません)を一つのDIV要素で包んでみました.以下のHTMLがあると仮定します.

This is some text and a link
この時、それを次のように変換したい場合:

This is some text and a link

, .innerHTML , , innerHTML HTML 。 ! JavaScript ―― 、 。 :


var newWrapper = document.createElement('div'); 
while(existingParent.firstChild) { 
//   DOM  ,        
newWrapper.appendChild(existingParent.firstChild); 
}
ここではforループは できません.childNodesは ノードで されたセットですので、モバイルノードが のindexインデックス に を えます. たちはwhileループを って のfirstChildをずっと しています.もしfalseを す を したら、すべてのノードが しいparentに したことが かります.

<div id=「right-1」class=「col-lg-12 col-sm-4 col-xs-4 ad」


<div id=「right-2」class=「col-lg-12 col-sm-4 col-xs-4 ad」


<div id=「right-3」class=「col-lg-12 col-sm-4 col-xs-4 ad」