Q&A
その「URL先」とは何でしょうか
Tampermonkeyでuserscriptを作成している状況です。
基礎が出来ていない状態で、JavaScriptを手探りでいじっています。
（おかしなコードを書いていると思います。すみません）
前提・実現したいこと
URL先の情報をURL先に移動せずに取得したいです。
URL先でdocument.getElement...をした情報を取得したいです。
###下のようなことをしたいです。（おそらく滅茶苦茶なコードです）
Javascript
1let url ='http://hoge' 2let want; 3 4$().load(url, 5 function(){ 6 want=document.getElementsByClassName('huga'); 7 } 8);
上のコードで言うところの'http://hoge'に行ったその場所です。
（説明になっていなかったらすみません。）
ちょっと省略しすぎましたね。失礼しました。
「自身のサイトかそうでないか」というところです。
もし「自身のサイトでない」となると「そのサイトの規約上、スクレイピングを許可しているのか」ということになってきます。
調べてきました。
規約があるのですね・・・気をつけます。
私のサイトではないのですが、良いそうです。
規約があるところもありますし、大問題に発展する例もあります。
https://qiita.com/umihico/items/bab223a959d8cfa7b11f
あとは「アクセスしてどうしたいのか」によりますが、結局スクレイピング案件と思います。
「JavaScript スクレイピング」で調べてください（あくまで自身の責任で）
回答1件
0
ベストアンサー
URL先にajaxでアクセスできるか、jsonpなどでhtml情報を返してくれる
APIを用意してもらってください
そうでなければアクセス先ではCORSの制約でソースを取得できないように
している＝つまりアクセスを許可していないと理解できます
sample
ajaxで外からhtmlを取得できるなら
javascript
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 2<script> 3$(function(){ 4 $.ajax({ 5 url:"http://exsample.com", 6 dataType:"html", 7 }).done(function(html){ 8 var want=$(html).filter('.fuga').map(function(){return $(this).text();}).get(); 9 console.log(want); 10 }); 11 12}); 13</script>
追記
javascript
1$(function(){ 2 $.ajax({ 3 url:"http://exsample.com", 4 dataType:"html", 5 }).done(function(html){ 6 var want=$(html).filter('.fuga').map(function(){return $(this).attr('href');}).get(); 7 console.log(want); 8 }); 9});
- exsample.com
HTML
1<html> 2<body> 3<a href="aaa.html" class="hoge">hoge</div> 4<a href="bbb.html" class="hoge fuga">hoge fuga</div> 5<a href="ccc.html" class="fuga">fuga</div> 6</body> 7</html>
投稿2019/07/24 07:43
編集2019/07/24 08:17
総合スコア114784
URL先にajaxでアクセスできるようです。
APIは用意していないそうです。
sample追記しました
アクセス先を適当に書き換えてコピペで試してみてください
ありがとうございます！
consoleで試してみると、それらしいものが返ってきました！
ここからはお時間あればで良いのですが・・・
実はdocument.getElement...の部分は
document.getElementsByClassName('btn-text')[2].href;
と続きがありました（勝手に省略してしまい申し訳ないです）
どのように修正を加えればいいでしょうか（お時間あればよろしくおねがいします）
追記みたいか感じでしょうか？
ありがとうございます！（弄ってみます！）
あなたの回答
tips
プレビュー
