This Document has MovedThis Document has Moved. この文書は http://www2u.biglobe.ne.jp/~oz-07ams/2003/HTML/index.html に移動しました。 Japanese fonts required. All rights reserved. 1998-2015 TAKI
DOM API と innerHTML のパフォーマンス比較 - とっくりばー
404 Blog Not Found:javascript - element.innerHTML はなぜ速く見えるかにて InnerHTMLは速くない。速く見えるだけだ。とあった。Danさんの予測は、DOM APIが遅く見えるのは、DOM Treeを更新していくたびに再描画が走るからではないかというもの。 そうなのかなと思って実験を作ってみました。 複雑なHTMLを文字列として作ってからinnerHTMLに代入するのと、 再描画が一度も走らないよう、あらかじめ複雑なElementを作ってから最後にdocumentにくっつけるようにするの Elementを作ったそばからどんどんdocumentにくっつけていくの で比較しました。↓以下実験。 HTMLタグを生成してinnerHTML DOM APIでElementを生成（最後にbodyに接続） DOM APIでElementを生成（最初にb
Virgo - JavaScript Diary
あるメニュースクリプトを作成していたのですが、そこで「ユーザが任意で作成するTABLEタグ内のAタグの位置を正確に取得」しなくてはいけない状況になってしまい、しかもクロスブラウザということなので、まぁなんとも「スクリプター泣かせ」な話だなあと思いつつ、半ば諦め状態であったがそれなりに実装できたので紹介しておく。 テスト環境は IE5,NS4,NS6/WIN であるが、兎に角参ったのはIE5である。 ご存知の通り、IE5はTABLEがHTML構造からある意味独立してしまっている。これはスタイルシートで BODY{ font-size:13px; } などとしていてもTABLEのセルには継承されず、恐らく BODY,TH,TD{ font-size:13px; } と書いている人も少なくないと思う。 これが JavaScript にも影響しているのが痛い。つまり、要素の offsetLeft,
javascript - element.innerHTML はなぜ速く見えるか : 404 Blog Not Found
2006年10月22日00:55 カテゴリLightweight LanguagesWEB+DB PRESS javascript - element.innerHTML はなぜ速く見えるか 自分でこう書きながら、実は首を傾げていたのだけどやっとわかった。 404 Blog Not Found:WEB+DB PRESS vol.35 pp.57 まず速度ですが、innerHTMLは代入時にHTMLの構文解析が入るので、速度的にはDOM操作が有利です。 期待に反してそうでないのは、404 Blog Not Found:javascript - DOM vs innerHTML benchmark on MacBook Proでの指摘した通り。このあたりはamachangにちゃんと査読してもらった方がよかったのではないか？ InnerHTMLは速くない。速く見えるだけだ。 その証拠として、以下
DOM 関数
メソッドDOMDocument->createAttribute() - 新しい属性を作成するDOMDocument->createAttributeNS() - 関連付けられた名前空間に新しい属性を作成するDOMDocument->createCDATASection() - 新しい cdata ノードを作成するDOMDocument->createComment() - 新しい comment ノードを作成するDOMDocument->createDocumentFragment() - 新しい文書片を作成するDOMDocument->createElement() - 新しい要素ノードを作成するDOMDocument->createElementNS() - 関連付けられた名前空間に新しい要素ノードを作成するDOMDocument->createEntityReference() -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kazuho@Cybozu Labs Ajax な HTML ページのソースコードを表示する
