如何计算WebDriver WebElement的内部ID？将多个元素传递给JavaScript Executor

Question

我想知道WebDriver中WebElement的ID是如何在内部计算的。我需要它，因为我正在编写一个扩展，以便在需要一次执行多个JavaScript命令的情况下提高性能。

示例代码在Java中以检索ID：

RemoteWebElement element = driver.findElement(
    By.cssSelector("div#header > img.logo") 
); 
String id = element.getId(); 
// id is something like: {390f457d-406b-458a-b4a6-dfebb24aae36} 

所以，我想不止一个WebElement传递到JavaScript的执行者，我可以通过发送所有的ID列表实现的呢？ 我只需要知道这些id就可以在JavaScript中检索DOM元素。

我想解决方案是隐藏在webdriver.xpi实现中的某个地方。我使用Firefox WebDriver。

更新

好吧，让我重复我的问题。假设我想要做的事，在JavaScript中的WebElement我可以做这样的事情：

((JavascriptExecutor) driver).executeScript("jQuery(arguments[0]).doSomething()", myElement); 

但我怎么能传递多个WebElements（任意金额）的脚本？

Answer 1

我相信JavascriptExecutor.ExecuteScript（）方法会将WebElements的集合作为参数。该项目的JavaScript execution tests中有单元测试，表明这是可能的。如果是这样的话，为什么以下方法不起作用？

List<WebElement> elements = driver.findElements(By.cssSelector("div#header > img.logo")); 
((JavascriptExecutor)driver).ExecuteScript("for (var i = 0; i < arguments[0].length; i++) { jQuery(arguments[0][i]).doSomething(); }", elements); 

以下示例在我使用的电流源（Java代码）为：

WebDriver driver = new FirefoxDriver(); 
driver.get("http://www.google.com"); 
List<WebElement> elements = driver.findElements(By.tagName("div")); 
String s = (String)((JavascriptExecutor)driver).executeScript("var s=''; for (var i = 0; i < arguments[0].length; i++) { s += arguments[0][i].tagName; } return s;", elements); 
driver.quit(); 
System.out.println(s); 

我收到 “DIVDIVDIVDIVDIVDIVDIVDIV ......” 打印到控制台窗口。

Answer 2

顺便说一下，findElements()方法重新运行元素列表。所以，你的代码会更喜欢：

List<WebElement> elements = driver.findElements(By.cssSelector("div#header > img.logo"); 

，然后如果你想让它传递给一些别的方法，你为什么不使用for周期?:

for (WebElement elem : elements){ 
    doSomethingWithElement(elem); 
} 

以上会经过的所有元素，并使用他们一个接一个地循环。

另一种方法是将WebElement包裹到您的自定义类 - 但这样，你必须实现所有抽象方法：

public class MyWebElement implements WebElement{ 
private int id; // ID of the element which you can define later on 
private WebElement theElement // wrap around this beauty 
// .. 
} 

Answer 3

好了，如果我现在可以正确undrstand它，你有更多的您的DOM中的图像。所以，你的HTML看起来像这样：

<div id="header"> 
<img class="logo" id="firstID" src="foo.jpg" /> 

假设这个ID是不是很好，而不是猜测的，所以你根本不能做的最简单的方法：

WebElement img = driver.findElement(By.id("firstID"); 

或将其传递给方法通过一些简单的搜索。 （像检查元素，然后做类似的事情）：

(JavaScriptExecutor).executeScript(doSomethingWithId("firstID")); 

好的。这样就可以做到这一点：

WebElement element = driver.findElement(By.cssSelector("div#header > img.logo")); 
String id = element.getAttribute("id"); 

以上应该会返回为firstID作为字符串值。我从来没有在我的测试中试过，但我希望它能工作