javascriptでXPathを使いたいと思っています。

Question

gomasa

1

1もっと見る

70pt

コンピュータウェブ制作

javascriptでXPathを使いたいと思っています。

「HTMLをクリックするとその部分のXPath文を取得できる」
(ex)/html/body/div[2]/p[3] などの文が取得したい

ということがしたいのですが、検索で探しても指定したXPath文からどうやってHTMLの要素を取得するかということばかりで、
XPath文自体の生成についてはなく、困っています。

FireFoxのextentionでxpatherというものがあるのですが、これに近いと思います。
https://addons.mozilla.org/ja/firefox/addon/xpather/

ブラウザは、Webkit系のchromeとsafariで動作すればIEなどは対象外でも構いません。

どうぞよろしくお願い致します。

回答の条件

1人2回まで

登録：2011/05/01 22:42:47
終了：2011/05/06 14:24:34

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

y-kawaz 2011/05/02 01:03:51

デモページがFirefoxで動いてなかったので直しました。回答と関係ない部分のバグなので回答のgetXpath関数はそのままです。

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

y-kawaz · Answer 1 · 2011-05-02T00:15:57+09:00

取得というか、単にDOMを辿ってXPATHを再構築すればよいかと。

例示されたような形式（タグ名のみ表示、兄弟タグが無ければインデックスは省略、兄弟タグがあればインデックス付き）でしたら以下のような関数でどうでしょう。

function getXpath(element) {
  if(element && element.nodeType == document.ELEMENT_NODE) {
    var xpath = arguments.callee(element.parentNode) + '/' + element.tagName;
    var siblings = [];
    for(var i = 0; i < element.parentNode.childNodes.length; i++) {
      var e = element.parentNode.childNodes[i];
      if(e.nodeType == document.ELEMENT_NODE && e.tagName == element.tagName) {
        siblings.push(e);
      }
    }
    if(1 < siblings.length) {
      for(var i = 0; i < siblings.length; i++) {
        if(siblings[i] === element) {
          xpath += '[' + (i+1) + ']';
          break;
        }
      }
    }
    return xpath.toLowerCase();
  }
  return '';
}