これまで、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
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Live DOM Viewer HTMLの構造をリアルタイムに階層表示してくれる「Live DOM Viewer」。 HTMLの論理構造を可視化したい場合になかなか使えそうです。 使い方は、一番上のウィンドウにHTMLを入力するだけ。それで、2段目のブロックにHTMLの階層構造をツリー表示してくれ、更に3段目のブロックにプレビュー表示してくれます。 関連エントリ サイトのCSSを見たままリアルタイムに編集するツール色々 CSSベースのフォームテンプレート セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、1枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個
概要 DOMの概要、基本的な考え方の説明。その後にDOMの基本的なオブジェクトを実際にコーディングしながら解説する。 イントロダクション XMLが普及するにしたがってXMLを処理するアプリケーションを開発する必要に直面したプログラマは少なくないでしょう。しかしプログラマはプログラムを1から作成しなければいけない、というわけではありません。多くのXMLパーサーにはXML文書を操作するためのAPIを実装したコンポーネントが含まれています。全てのプログラマはそれらのコンポーネントを使用することによりアプリケーションを容易に開発することができます。 このセクションではXML文書を操作するためのAPIのひとつDOM(Document Object Model)について、その概要を述べた後、主なインターフェースを実際に使いながら解説していきます。XMLやJava言語、オブジェクトに関する基本的な理解を
REC-DOM-Level-1-19981001 標準情報(TR) TR X 0019:1999 文書オブジェクトモデル(DOM)水準1 規定 目 次 まえがき 著作権表示 序文 0. 適用範囲 (文書オブジェクトモデル) 0.1. はじめに 0.2. 文書オブジェクトモデル 0.3. 文書オブジェクトモデルの適用範囲外 0.4. 文書オブジェクトモデルの経緯 0.5. 実体及びDOMコア 0.6. DOMインタフェース及びDOM実装 0.7. 水準1の制限 1. 文書オブジェクトモデル水準1 コア 1.1. DOMコアインタフェースの概要 1.1.1. DOM構造モデル 1.1.2. メモリ管理 1.1.3. 命名規約 1.1.4. APIの継承ビューと平坦ビューとの比較 1.1.5. DOMString型 1.1.6. DOMにおける大文字・小文字の区別 1.2. 基礎インタフェー
1 入門編 1.1 はじめに XMLの仕様書である「Extensible Markup Language(XML) 1.0 (W3C Recommendation 10-February-1998)」がW3Cから公開されてから約2年。このシンプルなメタマークアップ言語は、インタネットを支える基盤技術としてすっかり定着してきました。 「XMLとJavaが変えるオブジェクト技術」(JAVA PRESS Vol.6)で解説した通り、XMLは単なるWWWの後継技術というだけではなくオブジェクト技術全体にインパクトを与えるキーテクノロジであり、さらにJavaとの組合わせにより統合的なフレームワークとしてITシステム構築の中核技術、必須の構成要素となっています。JavaとXMLの組合わせを軸として、今後のインタネットテクノロジが旋回していくといっても過言ではないでしょう。 そのような技術的な展開が予想
Update: id:reinyannyan:20060411:p1 に続きます getElementsByTagName の様なメソッドで得られた、配列ではない要素集合を配列のように扱いたい時に、prototype.js では "$A" という関数によってまず配列化する、という方法を用います。 これは非常に素晴らしい、便利な方法なんですが、集合の規模が大きくなると、それだけ配列化によるオーバーヘッドも大きなものになってしまいます。 そこで、仮にこのようなものを作ってみました。 // DOM Iterator var Domi = { each: function (collection, yield) { for (var i = 0; i < collection.length; i++) yield(collection[i]); } };べつに配列が欲しいわけじゃない、単純に ea
The DOM (Document Object Model) gives you generic access to most elements, their styles and attributes in a document. This is a no-nonsense, easy to follow DOM reference for JavaScript. Note that it's a work in progress as I continue to expand upon it over time. Enjoy! DOM Window Reference Window properties Window methods DOM Document Object Reference Document object properties Document object met
Alternatives to innerHTML version 1.0 Last Revision: 02.10.2006 steve@slayeroffice.com slayeroffice.com Introduction Example One Creating an Element Creating an Element with Text Creating an Element with Hyperlinked Text Creating an Element Containing Hyperlinked Text and an Event Handler Creating an Element Containing Hyperlinked Text and an Event Handler that Takes an Argument Example Two Gettin
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
IE でのメモリリーク ちょこちょこと紹介されているので知っている人も多いと思うが、IE には DOM ノードに絡んだメモリリークの問題がある。これに関しては Microsoft 自身の記事である「Understanding and Solving Internet Explorer Leak Patterns」に詳しいが、簡単にいえば DOM ノードオブジェクトに関する循環参照を作ると、IE を終了させるまでそのオブジェクトが解放されないというものだ。記事によればメモリリークには以下のようなパターンがあるという。 1. 単純な循環参照 ある DOM ノードオブジェクトのプロパティをたどっていくと自分自身に行き着く場合。以下のようなパターンが考えられる。 element.property == element element1.property1 == element2, element2
■■■ 404 File not found... ■■■ あなたが指定したファイルは見つかりません... URLに間違いがないか、再度確認してください。再読み込みしてください。 『TOK2.com』 http://tok2.com/
■■■ 404 File not found... ■■■ あなたが指定したファイルは見つかりません... URLに間違いがないか、再度確認してください。再読み込みしてください。 『TOK2.com』 http://tok2.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く