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」