

JavaScript初心者のため、基本的な質問となっていたら申し訳ございません。  
今、私は既存のWebサイトの操作を自動化するマクロを作成しております。  
自動化マクロの作成に当たって、JavaScriptを用いて現在作業を進めているのですが、  
その中でClassやIDを持たないAタグを指定し、その先のリンクへ遷移する必要がある場面に直面しています。  
何かいい手段等ありますでしょうか？


CC BY-SA 3.0
2016-10-05T06:33:01.947
29369
2016-10-05T07:58:53.917
2016-10-05T06:39:55.127
19035
19035
question
javascript
JavaScriptでID、クラス等で指定されていないAタグのhrefを実行する方法はありませんか？


jQueryを使用するのが一番楽だと思います。  
セレクタを使用して取得できます。  
おそらく何かの配下になると思われるので、下記のような感じでしょうか。  
親要素のID等も分からない場合は、下記を応用してネストしていくのが良いと思います。

[code]

    $("#親要素のID").find("a").each(function(){
        alert( $(this).attr("href"));
    });
    
[/code]

■JavaScriptのみで行う場合

[code]

    // どこでもいいからAタグの中身を取得したい場合
    var tags = document.getElementsByTagName('a');
    for(var i = 0; i < tags.length; i++){
        alert(tags[i].getAttribute("href"))
    }
    
    
    // 親ID配下のAタグを取得する場合
    var oya = document.getElementById(親のID)
    var tags = oya.getElementsByTagName('a');
    for(var i = 0; i < tags.length; i++){
        alert(tags[i].getAttribute("href"))
    }
    
[/code]


CC BY-SA 3.0
2016-10-05T06:43:32.547
29370
2016-10-05T07:01:19.497
2016-10-05T07:01:19.497
19001
19001
29369
answer


@SSDevさんので解決済みのようなので別の書き方の参考定時だけ。

モダンブラウザが前提であれば、jQueryなしでも書きやすいですね。

### Ex: `https://google` から始まるリンクのみの抽出

[code]

    const links = document.querySelectorAll('a[href^="https://google"]');
    for(const link of links){
      console.log(link);
    }
    
[/code]


CC BY-SA 3.0
2016-10-05T07:58:53.917
29372
2016-10-05T07:58:53.917
2376
29369
answer