[B! xpath][javascript] aki77のブックマーク

XPathとSelectorsAPIとgetElementsBy〜の使い分け - 素人がプログラミングを勉強していたブログ

微妙に役割の被っている、document.evaluateとSelectorsAPIを、どう使い分けるかという話。僕は最近、タグ名、クラス名、idで一発で取得できる場合は速度のためにgetElements系のものを使う。 XPathでできて、SelectorsAPIでできない時は、XPathを使う。 XPathでもSelectorsAPIでも出来るときは、特別な理由がない限りSelectorsAPIを使う。のような感じで使い分けている。クラス名を扱う時はSelectorsAPIを使う。例えば、はてなキーワードを普通のリンクにするJavaScriptは、XPathを使うと var keywords = document.evaluate("descendant::a[contains(concat(' ',@class,' '),'keyword') or contains(con

aki77 2010/06/24

リンク

JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記

JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath

aki77 2007/11/21

リンク

文字列のHTMLに対してXPathを使う - SWDYH

XHRで取ってきた文字列としてのHTMLに対して、XPath使ってデータを取るのがなんとかできた。 Firefox以外では動かないと思うけど、今回はGreasemonkey用なので気にしない。 document.implementation.createDocumentを使ってDocumentをつくる RangeのcreateContextualFragmentを使ってDocumentFragmentをつくる最初に作ったDocumentにDocumentFragmentを付けるそのDocumentに対してXPathを使うまだ雑だけど、そのへんのコードはこんな感じ。 function load(data) { var v = data.responseText.replace(/<html.*?>/, '') v = v.replace(/<\/html>/, '') var ns =

aki77 2007/02/09

リンク

http://www.jackslocum.com/blog/2007/01/11/domquery-css-selector-basic-xpath-implementation-with-benchmarks/

aki77 2007/01/12

リンク

CMS researcher - W!ボタンの開発で利用したテクニックと参考文献の紹介

先日公開しましたはてなブックマークを拡張するW!ボタンですが、想像していたよりも反響があり驚きました。ありがとうございました。さて、今回はそのW!ボタンの開発に利用したテクニックの一部と参考文献を紹介します。 W!ボタンの開発には以下が役に立ちました。 JavaScript Shell return文で強制的に制御を返すテクニック The data: URI kitchen Live HTTP Headers Greasemonkey Hacks JavaScript Shell JavaScript Shellを利用することで正規表現 DOM XPath などを手軽に試行錯誤できる環境が得られます。この中でもXPathの作成をJavaScript Shellで行うのが特に有効だと感じました。というのも、JavaScript Shellはシェルで入力されたJavaScriptのコード