在Selenium中如何透過多個類名查詢div元素?
我們可以透過多個類名查詢元素。如果一個元素的class屬性設定了多個值,這些值用空格隔開,則稱為複合類名。
讓我們看看具有複合類名的網頁元素的HTML程式碼:
如果我們同時使用toc和chapters這兩個值作為類名定位符,將會出現異常。相反,規則是類名定位符只能有一個class屬性值。
語法
WebElement l = driver.findElement(By.className("toc")); //Invalid locator value with className locator WebElement l = driver.findElement(By.className("toc chapters"));
示例
import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; public class ClssLocator{ public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe"); WebDriver driver = new ChromeDriver(); //launch URL driver.get("https://tutorialspoint.tw/about/about_careers.htm/"); //identify element with className having compound classes WebElement l = driver.findElement(By.className("toc")); //verify if element is displayed boolean b = l.isDisplayed(); System.out.println(b); driver.quit(); } }
輸出
使用css定位符,我們可以使用為class屬性設定的所有值。方法是將所有值用點(.)連線起來,並在css表示式的開頭也新增一個點(.)。
語法
WebElement l = driver.findElement(By.cssSelector(".toc.chapters"));
示例
import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; public class CssSelectorLocator{ public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe"); WebDriver driver = new ChromeDriver(); //launch URL driver.get("https://tutorialspoint.tw/about/about_careers.htm/"); //identify element with css having compound classes WebElement l = driver.findElement(By.cssSelector(".toc.chapters")); //verify if element is displayed boolean b = l.isDisplayed(); System.out.println(b); driver.quit(); } }
輸出
使用css和xpath定位符,我們可以透過使用class作為屬性,然後將整個class值用引號括起來,來包含class屬性的所有值。
語法
WebElement l = driver.findElement(By.xpath("//ul[@class='toc chapters']")); WebElement m = driver .findElement(By.cssSelector("ul[class='toc chapters']"));
示例
import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; public class XpathLocator{ public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe"); WebDriver driver = new ChromeDriver(); //launch URL driver.get ("https://tutorialspoint.tw/about/about_careers.htm/"); //identify element with xpath having compound classes WebElement l = driver.findElement(By.cssSelector("ul[class='toc chapters']")); //verify if element is displayed boolean b = l.isDisplayed(); System.out.println(b); driver.quit(); } }
輸出
廣告