• 締切済み

別HTMLを呼出て値を取得する方法を教えてください

1050 円(@1050YEN)の回答

回答No.2

※別サイトのHTMLを取得する 部分はできてますね。 残された課題は ※取得したHTMLの解析方法 という事ですね? jQueryを使用しないで解析を行うのであれば、取得した文字列をXMLとして扱うかHTMLとして扱うかなどで、いくつか手法があると思います。 ・getElementById ・getElementsByName という命令は見たことがありますよね? これを利用できるように「DOMParser」を利用する例を書いておきます。 変更箇所は function sorceget() 内部に // 処理追加開始 // 処理追加終了 で囲まれた部分の追記です。 function sorceget() { if (request.readyState == 4 && request.status == 200) { document.form1.sorce.value = request.responseText; // 処理追加開始 var dom_parser = new DOMParser(); document_obj = dom_parser.parseFromString(document.form1.sorce.value, "text/html"); alert("取得結果は[" + document_obj.getElementsByName("_abc")[0].value + "]"); // 処理追加終了 } }

参考URL:
https://developer.mozilla.org/ja/docs/Web/API/DOMParser

関連するQ&A

  • プルダウンで別項目に値を代入したい(HTML SELECT)

    ホームページのプルダウン項目を選択すると直ぐ下にあるテキスト項目に値を設定するプログラムを作りたいのですが上手くいきません。 HTMLのSELECT句でonchange属性に記述するのは分りますが、その場合にはjavascriptで記述(例:onchange="fncSet();"等)します。 下記は記述を省略しましたが、option項目はDBのテーブルから読み込んでセットしています。 <select name=sel onchange="???">  <option value=" "> </option>  <option value="1">はい</option>  <option value="2">いいえ</option> </select> <input type=text name=txt value=""> この場合にselのonchangeで選択した項目の値をtxtに設定するにはどうすればいいのでしょうか? OS   :WIN2K ブラウザ :IE6 プログラム:HTML(asp,vbscript,javascript)

    • ベストアンサー
    • HTML
  • checkboxの表示される値を取得、変更する方法

    例えば、 <input name="area" type="checkbox" value="tokyo">東京</input> と書いてある場合、valueの値を取得する方法はわかるのですが、 実際にブラウザに表示される「東京」という値を javascriptで取得する方法はあるのでしょうか。 また、jQueryのhtml()などを使って、 表示される「東京」を「北海道」などを書き換える方法はありますか。 チェックボックスのON/OFFで、 表示される値を変更したいのです。 ご教授お願いします。

  • POSTされた値を書き出し

    perlなどにPOSTやGETされた値をscirpt要素内に安全にしたいです こんな感じのjqueryを書き出したいと思っています。 $("#hoge").animate({width: "500px", height: "500px"},1000,"linear"); 使えるjavascriptの制限がかなりかかってもいいのでperlの置換えや送られてくるコードがjqueryかどうか判定などを使って安全に使えるようにする方法はありますか? 例えば、値のみをHTMLのフォームから送信してjqueryの値に入れて表示する方法の安全性はどうでしょうか? よろしくお願いします <script type="text/javascript">  ここにPOSTやGETされた値を基にしたjqueryなどを記述したい <script>

  • Jqueryのajaxを用いてHTMLの読み込み

    こんにちは。 Jqueryのajaxで広告向けのJavaScriptが記述されたhtmlを取得し、関数【$("#ID").html(htmlソース);】を用いて、HTMLを読み込んだ際に、それに記述されているJavaScriptが動作してくれません。 読み込むHTMLに記述されているJavaScriptは以下です。 <script type="text/javascript" src="//xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script> ご存知の方がいらっしゃいましたら、教えて頂きたいです。

  • jQueryの.val()とinnerHTMLの違いはなんでしょうか?

    jQueryの.val()とinnerHTMLの違いはなんでしょうか? テキストエリアの値を修正しても、innerHTMLでは取得できず、 jQueryの.va()lだと取得できました。 なにが違うのでしょうか? jQueryのメソッドと、javascriptネイティブのinnerHTMLプロパティを比べるのはおかしいかもしれませんが、 元々のjavascriptにはjQueryの.val()に相当するものはありますでしょうか? よろしくお願いいたします。

  • ホームページ(HTML)の背景色の取得方法

    いつもお世話になっております。 指定したホームページの表示情報を取得する方法を調べています。 テキスト情報は「innerText」で取得することができるのですが、表示している表のセルの背景色を取得する方法がわかりません。 全体の背景色はHTMLファイルの中で記述があるのですが、各セルの背景色は外部のJavascriptファイル内で設定しています。 VBまたはVC#での取得をしたいのですが何か方法はないでしょうか?

  • Javascriptで外部HTMLの値を取得したい

    WEB初心者です。 Javascriptを使用して、 外部HTMLソースを取得し、その中のある値だけを取得するロジックをご教示ください。 取得した外部HTMLソースに正規表現が使えるなら、下記になるかと思います。 /_xyz" value="([^<]+)">/ キャプチャした値を呼び出し元のHTMLで使用したいです。 ”こんな感じのロジックになります”とご教示いただけますとたすかります。 よろしくお願いいたします。 下記サンプルプログラムを見つけたのですが、 ソース全体ではなくソースの中のある値だけが欲しいです。 --------------------------------------------------------------------------------------------- <?xml version="1.0"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>javascriptでHTMLのソースを取得</title> <script language="javascript" type="text/javascript"> function createhttprequest(){ var request=null; if("XMLHttpRequest" in window){ request= new XMLHttpRequest(); } else if("ActiveXObject" in window){ try{ request=new ActiveXobject("Msxml2.XMLHTTP"); }catch(e){ try{ request=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ } } } return request; } var request; function requestsorce(url){ request=createhttprequest(); request.open("GET",url,true); request.onreadystatechange=sorceget; request.send(null); } function sorceget(){ if (request.readyState == 4 && request.status == 200){ document.form1.sorce.value=request.responseText; } else{ } } </script> </head> <body> テキストボックスにurlを入力してソース取得ボタンを押してください。 <form name="form1"> <input type="text" name="urlbox" size="40"> <input type="button" value="ソース取得" onclick="requestsorce(document.form1.urlbox.value)"> <textarea name="sorce" rows="120" cols="100"> ここにソースを表示 </textarea> </form> </body> </html>

  • PHPで、指定した要素の最後にHTMLを追加したい

    JavaScriptのjQueryで実現していた機能なのですが、 あるタグ内の最後に、記述を追加するのを 今度はPHPで実現したいと考えています そのような関数があれば教えていただけないでしょうか? 以下、補足です JavaScriptでの実現方法の説明ページ http://www.re-creators.jp/blog/2008/12/09_167.html JavaScriptで実現した際の記述結果 [JavaScriptでの記述] $('#test').append('<p>一行追加します。</p>').scrollTop(99999); [HTMLでの記述] <div id="test"><p>既存の一行です</p></div>

    • ベストアンサー
    • PHP
  • HTMLの取得と解析について

    フォームのtextareaにHTMLを入力して、そこから必要なタグを取得したいのですが上手くいきません。 textareaの値は取得できています。 textareaの値からgetElementsByTagNameを使用してtableタグを取得しようとしているのでがエラーが出ます。 chromeによると Uncaught TypeError: Object ・・・・ has no method 'getElementsByTagName' 取得した値をgetElementsByTagNameにほり込むのが間違ってるような気もするのですが、良く分かりません。 テキストエリアに入力したHTMLをパースして、再利用する良い方法がありましたらご教授ください。 以下に現状のソースを書かせて頂きます --------------------------------------------------------------------- <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> <!-- function test() { var org_src = document.form1.src.value; table = org_src.getElementsByTagName('table'); document.getElementById('test').innerHTML = org_src; } // --> </script> </head> <body> <p>自動出力</p> <form name="form1"> <p>テキストエリアにソースを張り付けて下さい</p> <p> <textarea id="src" rows="5" cols="30"> </textarea> </p> <p> <input type="button" value="実行" onClick="test()"> </p> </form> <div id="test"> </div> </body> </html> ---------------------------------------------------------------------

  • JavaScript オラクルの値 取得

    HTML上でオラクルのあるTBLの更新日時を表示させたいのですが どのような方法がありますでしょうか? JavaScriptで値をもってこれそうという所までわかったのですが、やり方が わかりません。 Javascriptでオラクルの更新日時を取得し、HTML上で表示するやり方も 教えていただけないでしょうか? 宜しくお願い致します。