「getCssValue」の引数にCSSプロパティ名を指定することで要素のCSSプロパティ値を取得することが出来ます。
下記のサンプルでは、まずGoogleトップページに存在する検索ボタンの要素を取得しています。そして、その要素に対して「getCssValue」を実行することで、引数に指定したCSSプロパティ名に対応する値を取得しています。もし、引数に指定したプロパティ名が実際のプロパティ名と完全一致しない場合は、空文字が返されます。
説明
◆メソッド ・java.lang.String getCssValue(java.lang.String propertyName) ◆使用形態 ・element.getCssValue("cssPropertyName") ◆備考 ・CSSプロパティ名が見つからない場合は何も出力されない ◆関連項目 ・要素の(X,Y)座標を取得する ・要素のX座標,Y座標を別々に取得する
サンプル
import org.openqa.selenium.By; 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"); //検索ボタンの要素をName属性名から取得 WebElement element = driver.findElement(By.name("btnK")); //検索ボタンに適用されているCSSプロパティ名(text-align)からプロパティ値を取得 System.out.println(element.getCssValue("text-align")); } }
※selenium version 4.1.4で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)
実行結果
center
動画デモ
※字幕をONにすると解説のテロップが表示されます※