如何利用 selenium 使用 css 選擇器獲取所有元素的直接子級元素?


我們可以用 css 選擇器獲取所有元素的直接子元素。我們必須使用 findElements() 方法來獲取直接子元素。此方法將返回一個匹配 css 選擇器的元素列表。

如果我們在 css 選擇器中需要從父級遍歷到子級,我們使用 > 符號。要獲取所有直接子元素,我們必須在 css 表示式中指定父節點後的 * 符號。因此,定製的 css 應該是 parent > *。

對於 <ul class="toc chapter">,直接子元素的 css 應該為 ul.toc.chapters >*。

範例

程式碼實現。

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import java.util.List;
public class ImdtChildrenCss{
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      String url = "https://tutorialspoint.tw/about/about_careers.htm";
      driver.get(url);
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      // identify and store immediate children of parent in css
      List<WebElement> l = driver.findElements(By.cssSelector("ul.toc.chapters" + ">*"));
      // Iterate list and get the children
      for (int i =0; i< l.size(); i++) {
         System.out.println(l.get(i).getText());
      }
      driver.quit();
   }
}

輸出

更新於: 2020 年 8 月 28 日

3K+ 瀏覽量

啟動你的 職業生涯

完成課程獲得認證

開始
廣告
© . All rights reserved.