要素の移動や複製に関して、備忘録として簡単なコードを作ったよ。JavaScriptをほんの少しだけ使いたい時はjQueryなどのライブラリを使わずにネイティブ関数でサクッと書きたいね。 具体例用の単純なHTML 次のHTMLの要素を移動したり複製したりする。北斗四兄弟で兄弟要素の順番を表している。それぞれのサンプルページを作成したので、サンプルページとそのソースを確認すれば移動/複製の様子が一目瞭然だ。 <ol id="hokuto"> <li id="raoh">ラオウ</li> <li id="toki">トキ</li> <li class="jagi">ジャギ</li> <li id="kenshiro">ケンシロウ</li> </ol> 憎しみの残らないきょうだいゲンカの対処法 appendChildで要素を親要素の最後に移動 ジャギはケンシロウの兄でありながらも行いが好ましくない
