トップページ > Selenium API(逆引き) > 【Java】cssSelector

【Java】cssSelector・・・cssセレクタから要素を取得する

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

「cssSelector」の引数にcssセレクタを指定することで要素を取得することが出来ます。

cssはスタイルシートと呼ばれ、Webページに対してレイアウトやデザインを施す為の言語を表します。また、cssセレクタはcssのレイアウトを施す場所(対象)を意味しcssセレクタには、タグ名,id属性,class属性などを指定していきます。

下記サンプルでは、検索テキストボックスの要素を取得する為、クラス属性である「.gsfi」を「cssSelector」の引数に指定していることが分かります。

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

説明

◆メソッド
  ・public static By cssSelector(java.lang.String selector)
◆使用形態
  ・By.cssSelector("selector")
◆備考
  ・引数に取得したい要素のCSSセレクタを指定することで、要素を取得できる
◆関連項目
  ・アクティブな要素を取得する
  ・class属性から要素を取得する

サンプル

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class WebTest{
  public static void main(String[] args){
    //Chrome制御のためChromeDriverのパスを指定
	System.setProperty("webdriver.chrome.driver",
		                            "D:\\AutoTest\\chromedriver.exe");
	//Chromeを起動する
	WebDriver driver = new ChromeDriver();
    //指定したURLに遷移する
    driver.get("https://www.google.co.jp");
    //Googleの検索テキストボックスの要素をCSSセレクタ(クラスセレクタ)から指定
    WebElement element = driver.findElement(By.cssSelector(".gsfi"));
    //検索テキストボックスに"Selenium"を入力
    element.sendKeys("CSSセレクタとは?");
    //Enterキーを押下してGoogle検索を実行
    element.sendKeys(Keys.ENTER);
  }
}
※selenium version 4.1.4で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

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

動画デモ

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


Warning: Invalid argument supplied for foreach() in /home/users/1/monda-muki/web/seleniumqref.com/api/java/element_get/Java_cssSelector.html on line 175

JavaAPIアクセス TOP10
過去1週間(3/12~3/18)

    カテゴリー

    環境構築

    APIリファレンス

    その他

    ページ上部へ戻る
    トップページ > Selenium API(逆引き) > 【Java】cssSelector
    Copyright © 2016- Seleniumクイックリファレンス All Rights Reserved