Element Traversal API - 三等兵
今更ながらJavaScriptのDOM Core基礎 - 三等兵の付け足し。あの記事長いので重くて開けない。 http://www.w3.org/TR/ElementTraversal/ なんぞ？ firstChildとかlastChildとかが便利になったやつ。空白ノードとかコメントノードとか無駄なノードをよけて、要素ノード(nodeTypeが1)しか手を出しません。 やってみる // js var oda = document.getElementById('love_story'); alert(oda.firstChild.nodeType); // 3(テキストノード) alert(oda.firstElementChild.nodeType); // 1 alert(oda.lastChild.nodeType); // 3(テキストノード) alert(oda.lastEle
nazonoDiary - compareDocumentPosition
で、編集画面が使いにくい（投稿関係ボタンをテキスト・エリアの下に）のを作るときにドキュメントが全然見つからずに苦労したcompareDocumentPositionについて そもそもieだと contains で「エレメントは親子関係にあるか？」が調べられるのだけれど、Mozillaではその関数は定義されてなさそう。Firebugでエレメントを見ているとcompareDocumentPositionというそれっぽい関数を見つけたのはいいが、使い方がさっぱりわからない… DOM関係のドキュメントを調べるときにとても参考になるJavaDocには short compareDocumentPosition(Node other) throws DOMException ドキュメントでの位置について参照ノード (このメソッドが呼び出されているノード) とパラメータとして渡されたノードをドキュメント
DOMNodeInserted と DOMNodeRemoved に似た仕組みを IE でも使えるようにして、セレクタの実行結果をキャッシュする - latest log
セレクタ(id, tag, class, css, xpath)の実行速度を改善するには、2つの方法があります。 ロジックを改善する キャッシュを使う 今日は2の方法について検討したことを書き残します。 心配事 キャッシュを使う上での心配事は「キャッシュが古くなったらどうするか、それをどうやって知るか?」です。 古くなったキャッシュはクリアしなければなりません。 DOM Level2 MutationEvents を使うと、ノードの挿入, 削除と、属性の更新 を取得できる DOM Level2 MutationEvents という仕様があります。これらを活用するとDOMツリーが更新されたタイミングを監視できます。 DOMNodeInserted は ノードの挿入, DOMNodeRemoved は ノードの削除, DOMAttrModified は 属性の変更に対応しています。 各ブラウザ
Document Object Model Range
2. Document Object Model Range Editors Peter Sharpe, SoftQuad Software Inc. Vidur Apparao, Netscape Communications Corp. Lauren Wood, SoftQuad Software Inc. 2.1. Introduction A Range identifies a range of content in a Document, DocumentFragment or Attr. It is contiguous in the sense that it can be characterized as selecting all of the content between a pair of boundary-points. Note: In a text edit
IEでDOM Range扱えるライブラリあった - TakiTakeの日記
ierangeこれはすごい！ あとで、試してみる
addEventListener の順番 - m2
(function(){ function a() {alert('a')} function b() {alert('b')} function c() {alert('c')} window.addEventListener('click', a, false); window.addEventListener('click', b, false); window.addEventListener('click', c, false); window.addEventListener('click', a, false); })() opera -> b, c, a; firefox -> a, b, c;
Karafuto Blog - window.openで開いたウィンドウに要素を作成する
ブックマークレットを作っている時、window.openで開いたウィンドウに要素を作成することに引っかかったので、メモ。 javascript:(function (){ var win = window.open(); var h1 = document.createElement('h1'); var text = document.createTextNode('Test - window.open'); h1.appendChild(text); win.document.body.appendChild(h1); })(); 新しいウィンドウを開いて、h1要素を表示するブックマークレット Operaなら、上のブックマークレットを実行すれば、新しいウィンドウを開いて、そのウィンドウに h1要素を表示する。しかし、Firefoxだと、新しいウィンドウは開くが何も表示されない。DOM
リンクになっていないURLを新規タブで開くGreasemonkey Script - os0x.blog
Text URL Linker という Greasemonkey Script を CodeRepos (と Text URL Linker for Greasemonkey) にあげました。Firefox の Greasemonkey, Opera(9.50以降) の UserJavaScript, Safari の GreaseKit, Google Chrome の Greasemetal, Chromium の Greasemonkey で動作します。 はてなダイアリーのコメント欄など、リンクになっていないURL (一応 ttp://hoge のようなURLにも対応) を新規タブで開くリンク(通常のリンクと区別するため overline 入りカーソルをhelp) にする Script です。Firefox の人には Piro さんの Text Link でお馴染みのあれです。同種の
Firefoxで長いURIを折り返す
ANAフィギュア魔改造続き 本体に合わせるためのスカートを切り出した。9代目は青と紫がそれぞれ2体ずつあって、下半身は紫のダブリのものを使って制作していたんだけれども、今度は青のダブリを使った。上半身との接続軸を切り飛ばして、そこからドリルで穴を開けまくって開口。脚が取れたら穴をさらに広げて、内側をくり抜く。作業が非常にやりにくかったんで、後ろのスリットのところで一旦切り離してます。 腰周辺を削って、スカートを組み合わせる時のクリアランスを確保する。しかし腰が小さくなるとボディラインが崩れて醜くなるので、ここは最小限度にしないといけない。代わりに、スカートの内側を可能な限り削り込んで薄く整形している。 で、合わせてみる。スカートの後ろはとりあえずテープで仮止めして様子見。ぱっと見は元の製品状態と変わらないけど……実際、全然変わりません（ぉぃ）。「どうせ下から見てパンチラを楽しむつもりなんだ
url_breaker - あすかぜ・ねっと
url_breaker について Firefox 3 では、デフォルトでURL文字列が折り返し表示されるようになります。 Firefox 3 以降では url_breaker の導入は不要です。 Firefox 2では URL文字列の折り返しが行われないため、長いURLが書かれていると レイアウトが崩れたり横スクロールが発生したりします。 このスクリプトは、記号文字の後ろに自動的に<wbr>タグを挿入することにより、 URL文字列を折り返し可能にします。 テスト用URL（リンク有）→ http://www.asukaze.net/soft/url_breaker/#long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long
JavaScript tutorial - DOM objects and methods
This gives all properties, collections and methods of the W3C DOM that can be reliably used in all major DOM browsers, as well as document.styleSheets, which is much less reliable, but useful if it is available. Contents The document node All nodes Table and associated nodes Stylesheets Events Key Parent object Child object Child property Child object being accessed through a collection[] Event Me
作って納得! DOM 2 Events: Days on the Moon
ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン
HTMLの要素をSQLのように取り出せるPHPのライブラリ『htmlSQL』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
XML DOM Parser
XML DOM Tutorial DOM HOME DOM Introduction DOM Nodes DOM Node Tree DOM Parsing DOM Load Function DOM Methods DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Browsers DOM Navigating Manipulate Nodes DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM HttpRequest XML DOM Refer
Range - Web APIs | MDN
Document Object ModelRangeConstructorRange()Instance propertiescollapsedcommonAncestorContainerendContainerendOffsetstartContainerstartOffsetInstance methodscloneContents()cloneRange()collapse()compareBoundaryPoints()compareNode() Non-standard Deprecated comparePoint()createContextualFragment()deleteContents()detach()extractContents()getBoundingClientRect()getClientRects()insertNode()intersectsNod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
掲示板/JavaScript質問板［過去ログ］/一覧/META情報の取得について - TAG index Webサイト
http://youmos.com/news/css_selector_js
掲示板/JavaScript質問板［過去ログ］/一覧/idとname - TAG index Webサイト
This Document has Moved
掲示板/JavaScript質問板［過去ログ］/一覧/オブジェクトを配列みたいに扱いたい - TAG index Webサイト