วิธีการต่างๆ ในการสร้างนิพจน์ css มีดังต่อไปนี้ -
-
การใช้คลาสเป็นตัวเลือก css
สิ่งนี้จะเลือกองค์ประกอบเว็บทั้งหมดของคลาสนั้น ๆ (แสดงโดย (.) เช่น - .classname)
-
การใช้ id เป็นตัวเลือก css
นี่จะเลือกองค์ประกอบเว็บของรหัสเฉพาะนั้น (แสดงโดย (#) เช่น - #ID)
-
ใช้ชื่อแท็กและค่าแอตทริบิวต์เป็นตัวเลือก
การดำเนินการนี้จะเลือกองค์ประกอบเว็บของชุดค่าแอตทริบิวต์นั้นๆ (แสดงด้วยชื่อแท็ก [attribute='value'])
ตัวอย่าง
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;
import java.util.concurrent.TimeUnit;
public class CssExpression {
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://www.tutorialspoint.com/index.htm";
driver.get(url);
driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
//Using class with . For css expression
driver.findElement(By.cssSelector(".gsc- input")).sendKeys("Selenium");
driver.close();
}
} ตัวอย่าง
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;
import java.util.concurrent.TimeUnit;
public class CssId {
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://www.tutorialspoint.com/index.htm";
driver.get(url);
driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
//Using id with # for css expression
driver.findElement(By.cssSelector("#gsc-i- id1")).sendKeys("Selenium");
driver.close();
}
} ตัวอย่าง
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;
import java.util.concurrent.TimeUnit;
public class CssTagExp {
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://www.tutorialspoint.com/index.htm";
driver.get(url);
driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
//Using id tagname attribute combination for css expression
driver.findElement(By.cssSelector("input[name=’search’]")).
sendKeys("Selenium");
driver.close();
}
}