- ベストアンサー
JavaScriptでXPath
こんにちは、教えてください。 これまでVC＃やVBでXMLを扱っていましたが、その際にはXPathでノードの参照することが多かったです。 今JavaScriptをやむなくいじっているのですが、JavaScriptで動的に生成したXHTMLをXPathで参照したいのですが、これは可能でしょうか？ getElementByIdやgetElementsByTagName、ChildNodeなどDomでの操作用の関数がいくつかありますが、参照はこれでもいいのですが、ノードの追加や属性、テキストの追加などをやっていると、ちょっと物足りません。というかXPathが使いたいのです。どう考えてもXPathは楽です。 できるならやりたいのですが、ご存知であれば教えてください。
- papa_toto
- お礼率66% (8/12)
- JavaScript
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
Google検索したらでてきました。 http://coderepos.org/share/wiki/JavaScript-XPath
その他の回答 (3)
- ape5
- ベストアンサー率57% (85/148)
回答＃１の方のURL先には、 Supported Browserとして Internet Explorer 6 ってありますよ？
お礼
お返事が遅くなりました、すみません。 英語なのでよくわかんなかったのですが、 ライブラリの説明だったのですね。 IEでもOKですね、すみませんでした。
- auty
- ベストアンサー率58% (284/486)
・ W3Cに準拠していないIEの場合、namespaces、、selectSingleNode()、selectNodes()を使って、Xpath式をある程度処理できるようですが、以下のページでも取り上げられているようです。 http://d.hatena.ne.jp/amachang/20071112/1194856493 http://juce6ox.blogspot.com/2007/11/xpathdomclass.html
お礼
お返事が遅くなりました。申し訳ありません。 大変助かります。ありがとうございます！
document.evaluate関数でXPathが使用できます。 http://developer.mozilla.org/ja/docs/Introduction_to_using_XPath_in_JavaScript http://d.hatena.ne.jp/amachang/20071112/1194856493
お礼
回答ありがとうございます！ nda23さんへのお礼でも書いたのですが、IE6ではサポートされていない感じです。使用ブラウザを書かなかったのはいけませんでした。 でも参考になりました。ありがとうございます！
関連するQ&A
- XMLのXPathについて
下記のようなXMLがあるとして、XPathでdataノードを取得する場合、 /root/node/dataと/root/dataの二通りがあると思いますが、これを一つにまとめて書くことは可能でしょうか？ また、dataノードに辿りつくのに、途中のパスがすべて把握できない場合(/root/AAA/data、/root/BBB/CCC/data。。。) XPathでdataノードを取得することができますでしょうか？ GetElementsByTagName("data")にした方が良いでしょうか？ <?xml version="1.0" encoding="UTF-8"?> <root> <node> <data>データ1です</data> </node> <node> <data>データ2です</data> </node> <data>データ3です</data> </root>
- 締切済み
- XML
- XML::XPatｈ -- 追加したノードが見付からない
XMLのテンプレートを既存のXMLに追加したのですが、 その後 findnodes() で検索しても合致しません。 XML::XPath::Node::Element->new() を使って作成したものは 合致してくれます。 XML::XPath::XMLParser でパースしたものを追加して findnodes() で合致させるにはどのようにしたらよいのでしょうか。 ------------------------------- use XML::XPath; #### 元のXML my $xmldata = <<EOM; <?xml version="1.0" encoding="UTF-8" ?> <list> <item>orange</item> <item>apple</item> <item>lemon</item> </list> EOM ### 追加するXMLのテンプレート my $xmlappend = <<EOM; <item>pine</item> EOM ## 追加先ノードを取り出す my $xml = XML::XPath->new( xml=>$xmldata ); my ($list) = $xml->findnodes('/list'); ## 追加用XMLを作成して追加 my $append = XML::XPath::XMLParser->new( xml=>$xmlappend )->parse; $list->appendChild( $append ); ## もういっこ追加。こちらはこの場で作る $newnode = XML::XPath::Node::Element->new('item'); $newtext = XML::XPath::Node::Text->new('banana'); $newnode->appendChild( $newtext ); $list->appendChild( $newnode ); ## 現状確認 → pine は入っていた print $list->toString."\n"; ## item一覧を取得 @nodes = $xml->findnodes('/list/item'); ## 一覧を出力 → 追加した pine が出力されない。 bananaはある。 map{ print $_->toString."\n" } @nodes;
- ベストアンサー
- Perl
- XML::DOM / XML::XPathでソート
XML::DOMで効率的なソートの方法はどんなものがありますでしょうか。 一応動くものは作れたのですが、効率的とは言い難く、しかも ソート項目が一意のデータでないといけないという欠点があります。 ############################################### use XML::DOM::XPath; my $xml = <<EOM; <?xml version="1.0" encoding="UTF-8" ?> <list> <item id="10">Apple</item> <item id="5">Orange</item> <item id="20">Melon</item> </list> EOM my $parser = XML::DOM::Parser->new(); my $doc = $parser->parse( $xml ); ## <item>タグの一覧を作成 my @list = $doc->findnodes('/list/item'); ## <item>タグ id属性一覧を作成 my @idlist = map{ $_->getAttribute("id") } @list; ## id属性順にソート foreach my $id ( sort{ $a<=>$b } @idlist ){ ## id属性値を指定してノードリストを取得 my @item = $doc->findnodes('/list/item[@id='.$id.']'); ## idは一意なのでリストの先頭で固定 print $item[0]->getAttribute('id')."\n"; print $item[0]->getFirstChild->getNodeValue."\n"; } ############################################### ハッシュなら sort{ $hoe{$b} <=> $hoe{$a} } keys %hoe といった方法があるのですが、XML::DOMの場合は同じようにいきません。 良い方法がありましたらお願いします。
- ベストアンサー
- Perl
- javascriptとDOMを使って・・・
こんばんは、はじめまして。 javascriptとDOMを使って、既にあるxml文にデータを追加して保存する方法を探しています。 どなたかご存知の方がいらっしゃったら、ご助力お願いします。 方法でも、サイトでもなんでもかまいません、よろしくお願いします。
- ベストアンサー
- JavaScript
- XMLとの連携でノードの長さを取り出す方法
PHP--------------------------------------------- $xpath = "/qq:album/img"; $xpath = mb_convert_encoding($xpath,"UTF-8","SJIS"); $x_array = $ctx->xpath_eval($xpath); $title_element = $x_array->nodeset[0]; $title = $title_element->get_attribute("title"); $title = mb_convert_encoding($title,"SJIS","UTF-8"); XML---------------------------------------------- <?xml version="1.0" encoding="EUC-JP"?> <qq:album xmlns:qq="www.phpdom.com"> <img title="ABC"> <img title="DEF"> <img title="GHI"> <img title="JKL"> </qq:album> こんにちは。 http://www.geocities.jp/xmlfirststep/dom/dom4.html のサイトを参考に、上のようなスクリプトを書きました。albumという名の親ノードの下にあるimgノードの要素titleを抜き出すものです。このimgノードをXMLで複数つくり、phpでその長さを自動で返してもらおうと思ったのですがそのやり方がわかりません。 色々なサイトを回りましたが、キーワード「length」で探してもそれらしき情報がまったく見つかりません。 どうすればノードの長さを返してもらえるのでしょうか？
- ベストアンサー
- PHP
- DOMとjavascriptについて
javascriptとperlを駆使して、動的なホームページを作っています。 javascriptで動的にタグを生成してそれを参照したりするような処理を、書いていくと時々新しく生成したタグを参照できなくなったりします。ここにスクリプトを掲載することは出来ないんですが、ajax通信でサーバーとデータをやり取りし、何度もhtmlを書き換えるホームページを作っています。するとなぜだか新しく生成したタグが参照できなくなったりします。 他にはjqueryのappendメソッドで、タグを文字列として直接書き込んだ場合、タグをタグとして認識してくれないということもありました。 javascriptに原因があるのか、domに原因があるのか、それともテスト用のブラウザに使っているfirefoxの処理の仕方に原因があるのかわかりません。どなたか原因を知っている方がいらしたら是非ご教授ください。
- ベストアンサー
- JavaScript
- javascriptライブラリについて
知り合いから、javascriptのライブラリjQueryって結局何？ と質問されました。 jQueryがライブラリと言う言葉は知っているようなのですが、 「子ノードの追加等の命令が、jQueryの関数で定義されていて、jQueryで定義された関数を呼び出すことで、いつもより短い命令で子ノードの追加ができる、関数とかが集まったもの。」 と説明したのですが、いまいちのようでした。 もう少し、ライブラリについていい説明ができないかと方法を探しております。 ライブラリについて、良い説明方法がありましたら、 ご教授おねがいします。 知り合いは、javascriptの基礎は出来るレベルです。(for とかif。getelement類)
- ベストアンサー
- JavaScript
- [JS] IEでjavascriptを呼び出せない
ページの読み込み時にリンク先をjavascriptの関数に変更しています。 IEではlocalhostなら変更後の関数を呼び出せるのですが、 IPでアクセスすると変更後の関数を呼び出せていないようです。 FF/Chrome/Operaではいずれの場合もうまくいきます。 具体的には、IEで以下のhtmlを http://localhost/ で読み込むと"change"をクリックで"changed!"に変更される http://192.168.0.1/ で読み込むと"change"をクリックしても何も変わらない。 何が問題なのでしょうか。 +++問題のindex.html++++++++++++++++++ <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <body> <a href="#" id="change">change</a> <div id="test">TEST</div> <div> <script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript"> t = new test(); function test(){ var self = this; self.change = function(arg){ document.getElementById("test").innerHTML = "changed!"; return false; } } document.getElementById("change").setAttribute("onclick", "return t.change();"); </script> </div> </body> </html> +++++++++++++++++++++++++++
- 締切済み
- JavaScript
- HTMLからXHTMLへ変更する際のhtmlファイルの内容の変更について
HTML4.01では<div style="color:#ffffff">と</div>の間の文字色をjavascriptの中の関数で変える時、 <script type="text/javascript"> function func() { document.getElementById("xx")="#ff0000"; } </script> と記述しますが、XHTMLではstyle属性が非推奨となっています。 XHTMLでstyle属性を使わずにボタンを押すことで<div style="color:#ffffff">と</div>の間の文字色を変えるには javascriptの中の関数内でどのように記述すればよいのでしょうか。
- 締切済み
- HTML
- XML DOM XMLパーサーについて理解していません
XMLについてイマイチ理解していないので教えてください。PHPでXMLファイルを開いて何らかの処理をするとします。例えば <?php //ドキュメントオブジェクトの作成 $doc = new DOMDocument(); //XML 文書ファイルのパース（DOM ツリーの作成） $doc->load("docs/td101.xml") //要素"b"を取得する $bElement = $doc->getElementsByTagName("b")->item(0); //取得した要素"b"に属性"ad"を設定する $bElement->setAttribute("ad","Fukuoka"); //ドキュメントをシリアライズする $doc->save("docs/result101.xml"); ?> のようにXMLファイルに属性を追加するという処理を行うとします。この時、DOMはPHPによって生成されるんでしょうか？またXMLはXMLパーサーによって解析されると本で読んだのですが、この場合PHPがXMLパーサーの機能を持っているんでしょうか？それともブラウザにXMLパーサーの機能があり、ブラウザ側で処理をされているのでしょうか？意味がわからなくて申し訳ないですが、この辺りを理解していなくて・・・御願いいたします。
- ベストアンサー
- XML
お礼
回答ありがとうございます！！ しかし、IE6ではサポートしていない感じです、ショック！ でもありがとう！