This Document has Moved. この文書は http://www2u.biglobe.ne.jp/~oz-07ams/2001/object-index.html に移動しました。 Japanese fonts required. All rights reserved. 1998-2015 TAKI
下記「あいうえお」に触ると子ノードの数だけノードタイプをダイアログ表示します あいうえお <script> <!-- function getNodeType(oj) { // 子ノードの数だけ処理を繰り返す for (i=0;i<oj.childNodes.length;i++) { // ノードタイプをダイアログ表示する alert(oj.childNodes.item(i).nodeType) } } //--> </script> <p onmouseover="getNodeType(this)" ><b>あ</b>いう<i>え</i>お</p> このpタグの中には「あ」と 「いう」と「え」と「お」の4つの ノードが含まれいています。これらは順に「Elementノード」[Textノード]「Elementノード」[Textノード]なので、
TextRangeオブジェクトの位置と大きさを得られます。 rng.boundingLeft rng.boundingTop rng.boundingWidth rng.boundingHeight 例えば下のようなボタンの文字の、ドキュメントの上からの座標を得ます。 var rng = obj.createTextRange(); //objはボタン alert(rng.boundingTop); TextRange オブジェクトに対しコマンドを実行することができます。 rng.execCommand(sCommand [, bUserInterface [, vValue]]) コマンドの実行が成功すれば true、 失敗すれば false が帰ります。 sCommand がコマンドを表す文字列です。 下に例がありますが、非常に多くのコマンドがあります。詳しくは、 Command I
X-0031 選択範囲のリンクを収集する ~ DOM2 RangeのcompareBoundaryPointsの使い方 2005/4/2 TBEの「選択範囲のリンクを全てタブで開く」などの機能で利用している「選択範囲内のリンクを収集する」処理についての解説です。DOM2 RangeのcompareBoundaryPointsの使い方の解説を含んでいますので、そこだけ見てもOKです。 処理の流れ 選択範囲の取得と、対応するRangeオブジェクトの取得 Rangeの中に含まれるリンクを収集する その1:元のDOMツリーと切り離して処理する場合 その2:元のDOMツリーの中で処理する場合 DOMツリーの走査 そのノードがRangeの中にあるかどうかを調べる 実際の判別 部分選択されたリンクに対する特別な処理 部分選択された「最初のリンク」を選択範囲内に含める 「選択されているようには見えない」リ
新しいXMLプログラミングを実現するDOM 2 DOM Level 2がW3Cより勧告された。この新しい仕様は以前に比べ大幅に強化されており、動的なスタイルの変更などのダイナミックコンテンツが容易になり、トラバーサル機能やイベントの対応など、プログラマーが望んでいた機能が幾つも含まれている。 DOM2でなにが変わるのか、その中身に迫る。 株式会社ピーデー 川俣 晶 主な内容 DOM経由でXMLとHTMLへアクセス 激増したDOM 2の仕様 CSSをオブジェクトとして扱える DOMツリーのアクセスが簡単になる マウスの操作に反応するXML/HTML文書も CoreのLevel 1からの変更点 DOM 2で世界はどう変わるか? 2000年11月13日、DOM Level 2(以下、場合によってはDOM2と略す)がW3Cより勧告された。DOMとは、Document Object Modelの略で
« Gecko DOM リファレンス この章では、DOM を利用したウェブと XML 開発のより長い例をいくつか紹介します。可能な限りこれらの例ではドキュメントオブジェクトを操作する上でよく用いられる API や技法や JavaScript のパターンを利用しています。 例 1: 高さと幅 以下では、画像の大きさを変えるにあたって、height と width プロパティを使っている例を示します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>width/height example</title> <script type="text/javascript"> function init(
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
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
土壌汚染問題を解決するフィールド・パートナーズがPlatio Connectを導入 労働安全衛生法に基づく点検業務のアプリ化で年間1,800時間の労働時間を削減
Document Object ModelRangeConstructorRange()Instance propertiescollapsedcommonAncestorContainerendContainerendOffsetstartContainerstartOffsetInstance methodscloneContents()cloneRange()collapse()compareBoundaryPoints()compareNode() Non-standard Deprecated comparePoint()createContextualFragment()deleteContents()detach()extractContents()getBoundingClientRect()getClientRects()insertNode()intersectsNod
諸般の事情で、当分XULプログラミングをやる気力がありません。Firefox2以降に対応したXUL/MigemoをPiro氏が公開されていますので、そちらをお使いください。 XUL/Migemoとは何か MigemoというのはEmacsで動くローマ字のまま 日本語をインクリメンタル検索するためのツールの名前です。MozillaにもFind As You Typeというインクリメンタルサーチ機能がありますが、残念ながらこれもごく普通のインクリメンタルサーチです。何度となく 「MozillaでMigemoがつかえたらなぁ」というつぶやきがネット上にはこの機能がMozillaに搭載されて以来観測さ れていま す(これ以前にもありました。観測できた最古の記録は2002 年4月2月で す)。某Firefox スレでも出ました。(dat落ちしているのでま とめサイトからご覧下さい)そしたらネ申出現の豫
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く