如何使用硒從沒有包括的一個元素獲取文本的子元素

Question

HTML

<div id='one'> 
    <button id='two'>i am button</button> 
    <button id='three'>i am button</button> 
    i am div 
</div> 

代碼

driver.findElement(By.id('one')).getText(); 

Answer 1

我已經看到這個問題在過去的一年左右會彈出幾次，我想試着寫這個功能...所以在這裏你去。它接受父元素並刪除每個孩子的textContent，直到剩下的是textNode。我已經在你的HTML上測試過了，它可以工作。

/** 
* Takes a parent element and strips out the textContent of all child elements and returns textNode content only 
* 
* @param e 
*   the parent element 
* @return the text from the child textNodes 
*/ 
public static String getTextNode(WebElement e) 
{ 
    String text = e.getText().trim(); 
    List<WebElement> children = e.findElements(By.xpath("./*")); 
    for (WebElement child : children) 
    { 
     text = text.replaceFirst(child.getText(), "").trim(); 
    } 
    return text; 
} 

，你叫它

System.out.println(getTextNode(driver.findElement(By.id("one")))); 

Answer 2

你可以使用JavaScript來查找的文本。下面是一個C＃示例

var script = @"var lastTextNode = document.createTreeWalker(arguments[0], NodeFilter.SHOW_TEXT, null, false).lastChild(); 
         if(lastTextNode == null) 
          return null; 
         return lastTextNode.textContent;"; 

var element = driver.FindElement(By.id('one')); 

IJavaScriptExecutor js = (IJavaScriptExecutor)driver; 
elementText = js.ExecuteScript(script, element).ToString(); 

Answer 3

警告：初步解決方案（深下）將無法正常工作
我開了一個enhancement request: 2840對硒WebDrive和another one對W3C WebDrive規範 - 在更多的選票，越早他們會得到足夠的關注（人們可以希望）。在那之前，@shivansh在其他答案中提出的解決方案（通過Selenium執行JavaScript）仍然是唯一的選擇。下面是該解決方案的Java的適應（收集所有文本節點，丟棄所有那些只有空白，分離由\ t時的剩餘）：

WebElement e=driver.findElement(By.xpath("//*[@id='one']")); 
if(driver instanceof JavascriptExecutor) { 
    String jswalker= 
     "var tw = document.createTreeWalker(" 
    + "arguments[0]," 
    + "NodeFilter.SHOW_TEXT," 
    + "{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT;} }," 
    + "false" 
    + ");" 
    + "var ret=null;" 
    + "while(tw.nextNode()){" 
    + "var t=tw.currentNode.wholeText.trim();" 
    + "if(t.length>0){" // skip over all-white text values 
    +  "ret=(ret ? ret+'\t'+t : t);" // if many, tab-separate them 
    + "}" 
    + "}" 
    + "return ret;" // will return null if no non-empty text nodes are found 
    ; 
    Object val=((JavascriptExecutor) driver).executeScript(jswalker, e); 
    // ---- Pass the context node here ------------------------------^ 
    String textNodesTabSeparated=(null!=val ? val.toString() : null); 
    // ----^ --- this is the result you want 
} 

參考文獻：

TreeWalker - 瀏覽器支持

Selenium Javascript Executor

---

初步建議的解決方案 - 不工作 - 看enhancement request: 2840

driver.findElement(By.id('one')).find(By.XPath("./text()").getText(); 

在單個搜索

driver.findElement(By.XPath("//[@id=one]/text()")).getText(); 

參見XPath spec/Location Paths的child::text()選擇器。

Answer 4

如果你使用：

String rawContent = driver.findElement(By.cssSelector("#one")).getText(); 

結果：

i am a button\n 
i am a button\n 
i am div 

如果你使用：

String info = driver.findElement(By.cssSelector("#one")).getText().split("\n")[2]; 

結果：

i am a div 

Answer 5

我用一個函數象下面這樣：

private static final String ALL_DIRECT_TEXT_CONTENT = 
     "var element = arguments[0], text = '';\n" + 
       "for (var i = 0; i < element.childNodes.length; ++i) {\n" + 
       " var node = element.childNodes[i];\n" + 
       " if (node.nodeType == Node.TEXT_NODE" + 
       " && node.textContent.trim() != '')\n" + 
       " text += node.textContent.trim();\n" + 
       "}\n" + 
       "return text;"; 

public String getText(WebDriver driver, WebElement element) { 
    return (String) ((JavascriptExecutor) driver).executeScript(ALL_DIRECT_TEXT_CONTENT, element); 
}