タグ

javascriptとDOMに関するkarur4nのブックマーク (2)

  • JavaScriptでDOMから子ノードを削除する方法

    JavaScriptでDOMからchild nodeを消す方法。 シンタックス oldChild = element.removeChild (child) child は、DOMから消す 子ノードです。 elementはchildの親ノードです。 oldChildは、消した子ノードへのリファレンスを保持しています。oldChild == child です。 子ノードの削除は、メモリの中にまだありますが、DOMの部分は長くありません。あなたがあなたのコードで後に消した子ノードを再利用するときは、oldChildオブジェクトリファレンスを通して行います。 もし、childが実際にelementノードのchildでないなら、このメソッドは例外をthrowします。 例 resultの子ノードを削除します。 <div id="top"> <div>1. item A</div> <div>2. i

  • DOM操作の最適化によるJavaScriptチューニング(後編)

    連載「Webサイト・アプリ高速化テクニック徹底解説」の第5回は、前回の「DOM操作の最適化によるJavaScriptチューニング(前編)」に続く後編です。後編では、createElement()などのDOM操作メソッドを使ったさまざまなテクニックや、パフォーマンスを劣化させるよくあるパターンについて詳しく解説します。 CodeIQとの連動企画! この記事で学べるJavaScriptチューニングのテクニックを、実際にCodeIQの問題で試すことができます。もう既に自信がある方は腕試しに、もしくは理解度チェックのための復習として是非ご活用ください!こちらから問題にチャレンジ! 前回は、DOM操作が遅い原因と仕組みについて簡単に説明し、チューニングのサンプルをいくつか解説しました。その中で、innerHTMLを利用したコードをサンプルにあげていますが、innerHTMLを利用する場合、いくつかの

    DOM操作の最適化によるJavaScriptチューニング(後編)
  • 1