トップページ > Selenium API(逆引き) > 【Ruby】find_element(tag_name)

【Ruby】find_element(:tag_name, 'xxx')・・・タグ名から要素を取得する

【PR】業界トップクラスの「高単価報酬」「低マージン」を実現!レバテックフリーランス

「find_element(:tag_name, 'xxx')」の第二引数である'xxx'にタグ名を指定することで要素を取得することが出来ます。

下記のサンプルでは、タグ名が「a」のリンク要素を取得し、クリックしてGoogleのトップページへ移行しています。第二引数の'xxx'で指定したタグが複数存在する場合は「find_element(:tag_name, 'xxx')」が最初に発見したタグの要素を取得します。

ruby_tag_name.htmlは複数の「a」タグが存在しています。初めに発見した「a」タグはGoogleページへのリンク要素のため、クリックすることでGoogleトップページへ移行しています。

※要素取得の詳細についてはこちら

説明

◆メソッド
  ・find_element(:tag_name, 'xxx')
◆使用形態
  ・driver.find_element(:tag_name, 'xxx')
◆備考
  ・第二引数に取得したい要素で使われているタグ名を指定することで、要素を取得出来る
◆関連項目
  ・xpathから要素を取得する
  ・アクティブな要素を取得する

サンプル

require 'selenium-webdriver'
 
# Firefoxを起動
driver = Selenium::WebDriver.for(:firefox)
#指定したURLに遷移する<図1>
driver.get('file://D:/AutoTest/ruby_tag_name.html')
#少し待機してウインドウ表示内容を確認
sleep(3)
#タグ名が「a」要素の中で最初に見つけた要素を取得(Googleへのリンク要素を取得)
element = driver.find_element(:tag_name,'a')
#取得した要素(Googleのリンク)をクリック
element.click
※selenium version 4.1.0で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

find_element_by_tag_name2
 ※GoogleおよびGoogleロゴはGoogle Inc.の登録商標であり、同社の許可を得て使用しています。

ruby_tag_name.html<図1>

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>SeleniumTest</title>
    </head>
    <body>
        <div>
            <a href="https://www.google.co.jp/" target="GOOGLE">Google Top</a>
        </div>
        <div>
            <a href="https://www.firefox.com/" target="FIREFOX">Firefox Top</a>
        </div>
        <div>
            <a href="https://www.opera.com/ja" target="OPERA">Opera Top</a>
        </div>
    </body>
</html>

動画デモ

※字幕をONにすると解説のテロップが表示されます※


Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (404) <!DOCTYPE html> <html lang=en> <meta charset=utf-8> <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"> <title>Error 404 (Not Found)!!1</title> <style> *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_c in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110