addEventListener("DOMContentLoaded")だと、DOM構築後にリスナを設定した場合一度も呼ばれないので、ブックマークレットのようにいつ実行されるか分からないような時には使えない。 WebKitだと、document.readyStateがあるから、それを使えばいいけど、Firefoxにはない。 function ready(fn) { if (ready.loaded) { fn(); return; } var script = document.createElement("script"); script.defer = "defer"; script.type = "text/javascript"; script.src = "data:text/javascript,void 0"; script.onload = function () { fn
結構前に作っていたんだけど、IE6, IE7 でも動作する DOM Storage を作ったので、きちんと告知します。 追記 ちなみにサーバーにファイル置くだけで動きます。ユーザーに何かインストールさせる必要はありません。(2008-09-24T11:45:56+09:00) CodeReposにソースを移動しました。(2008-09-24T12:37:24+09:00) Ex DOM Storage dist http://svn.coderepos.org/share/lang/javascript/exdomstorage/tags/0.01/ source http://svn.coderepos.org/share/lang/javascript/exdomstorage sample http://svn.coderepos.org/share/lang/javascript/
「文書ツリーを多数回変更するときは、直接行なわずにDocument Fragmentを経由してくれ」という話。 一度DOMの実装を書いてみるなり、書こうとしてみるなりすれば分かる。DOM文書ツリーの変更、特にHTML文書におけるそれがどれだけの要素に影響を与えるかが。Document Fragmentの何が良いかといえば、例えば「View」から切り離されていることが挙げられると思う。DOM実装に依存するし想像でしかないけれども、文書ツリーに直接何らかのノードを加えたり削除したりすると、表示スタイルの計算にリソースを多少なり消費するが、Document Fragment中のノード群を操作する限りスタイルは関係ない。操作が完了した後に実際の文書ツリーに一回だけ変更を加えるなら、スタイルの計算も一回ですむ。文字列連結を何度も繰り返すか、それとも文字列の配列を一回だけjoinするかの違いを連想して
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Live DOM Viewer HTMLの構造をリアルタイムに階層表示してくれる「Live DOM Viewer」。 HTMLの論理構造を可視化したい場合になかなか使えそうです。 使い方は、一番上のウィンドウにHTMLを入力するだけ。それで、２段目のブロックにHTMLの階層構造をツリー表示してくれ、更に３段目のブロックにプレビュー表示してくれます。 関連エントリ サイトのCSSを見たままリアルタイムに編集するツール色々 CSSベースのフォームテンプレート セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個
これまで、Rangeインターフェイスはテキストの選択範囲を操作する、それだけの仕様だと思っていました。しかし、DOM CoreやHTMLでは面倒で、コードが煩雑になりがちだった複数の要素に関する操作が、Rangeインターフェイスを利用することで直感的かつ直接的な操作になり、とても扱いやすくなることが分かりました。現在では個人的に、DOMで文書ツリーを扱う時には常に傍らにいてもらいたい介さんのような存在になっています。取りあえず呼んでおけ、みたいな。 以下、とてもありがちな要素に関する操作を、CoreやHTMLのみを用いた方法とRangeを利用した方法で行い、その比較を行います。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D
Hairy Spider Blog - Announcing DOM Helper: A new and improved CSS Editor Well I've finally got round to producing the inline CSS editor that I wanted to do in the first place. IE上でDOMやCSSを書き換え可能な拡張「DOM Helper」。 サイトのDOM構造を表示し、DOMの属性を自由に書き換えることが出来ます。 CSS Editor によってCSSの編集も可能な模様。 インストールは少々面倒で、次の手順で行う。 DOM Helperをダウンロード Cドライブ以下、DomHelper というディレクトリを作り、そこに解凍 コマンドプロンプトで次のコマンドを実行 "%windir%/Microsoft.Net/F
DOMを利用。IE5/6はいつものように中途半端に、Netscape6は細かいバグが目立つがDOM2の大部分までサポートしている。毎度のことながら、IEはOSによって動作が異なる場合も多い。 namedItemメソッドはid属性値を検索後、name属性が許されていればname属性値も検索する。存在しない場合はnullが返る。 tagNameプロパティは読み出し専用で、要素名をHTMLの場合は大文字で返す。 <SCRIPT type="text/javascript"> <!-- function fDom1(){ if(document.documentElement) alert(document.documentElement.tagName); } function fDom2_1(){ if(document.getElementsByTagName){ var obj=docum
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
