HTML 要素を動的に追加する - Web/DB プログラミング徹底解説はじめに HTML を動的に変更する方法は、主に DOM を使ってお行儀良く行う方法と、div 要素などの innerHTML 属性に HTML を「突っ込む」方法の二通りがあります。この資料では DOM を使って動的に HTML 要素をドキュメントに追加する例を示します。 パフォーマンスに関して ちなみに、私は実際にテストしていませんが現在の主要なブラウザではパフォーマンス上には大きな違いがないか innerHTML による要素の変更が良い結果を出しているようです. (DOM api vs innerHTML などでググってみてください) それならば、innerHTML の方が明らかに簡単ですから、あまり DOM を操作しようと思わないかもしれませんが、この資料はあえて DOM API を使ってみています。 持ち駒は多いほうが良いですから。 実行例 この例では UL 要素 (リスト) の
