DOM 操作

DOM 元素定位

定位过程

• WebDriver对象的findElement函数定义一个Web页面元素；
• findElements方法可以定位页面的多个元素；
• 使用WebElement对象来存储定位的元素，以便后续操作；

※ 如果使用 By.tagName，By.className 定位，只会返回第一个匹配元素，但元素class元素内容不止一个，而是类似<div class="btn-login btn">可以使用 By.cssSelector 的方式定位；

示例

WebDriver driver  = new FirefoxDriver();
driver.get("<http://www.assad.site>");
         
WebElement element1 = driver.findElement(By.id("login"));  //通过id获取元素
WebElement element2 = driver.findElement(By.xpath(".//*[@id='content-detail']/div[6]/div"));    //通过xpath获取元素
WebElement element3 = driver.findElement(By.className("btn"));  //通过cssName获取元素

DOM 元素操作

示例

WebDriver driver  = new FirefoxDriver();
driver.get("<http://www.assad.site>");

//键盘输入事件
WebElement element1 = driver.findElement(By.id("login-input"));  
element1.sendKey("hello world");

//鼠标点击事件         
WebElement element1 = driver.findElement(By.id("submit"));  
element1.click();