プログラミング四方山: 2008年11月アーカイブ

 htmlを動的に書き換えたい場合、要素を入れ替えなければならない場面が多々あります。
その際、子要素をまるごと入れ替えられなければ、たとえばテーブルの行をソートしたい、とかいうありがちなケースに対応できません。
でまあ簡単にできないかなあとググったりしてたんですがどうにも見つからない。ライブラリで提供してるとこはいくつかあるんだけどそれだけのために中身を読んでない他人のコードをincludeしたくないんですよね。無駄なこだわりですけど。
仕方ないんでいろいろと試行錯誤してたんですが、あらら4行でやれちゃいました。関数にしたら6行になったけど。

これ。

 function swap_element(ele_A, ele_B){
    var swap_ele_A = ele_A.cloneNode(true);
    var swap_ele_B = ele_B.cloneNode(true);
    ele_A.parentNode.replaceChild( swap_ele_B, ele_A );
    ele_B.parentNode.replaceChild( swap_ele_A, ele_B );
 }

このアーカイブについて

このページには、2008年11月以降に書かれたブログ記事のうちプログラミング四方山カテゴリに属しているものが含まれています。

前のアーカイブはプログラミング四方山: 2008年9月です。

次のアーカイブはプログラミング四方山: 2008年12月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

Powered by Movable Type 4.14