By

文章目录

在我们的自动化测试过程中，总是会碰到各种难搞的问题，比如说我们需要取标签外的文本信息，今天又被问到这个问题，所以重贴旧文。

<div id="div1">
    <span name="p1">div1</span>废话1
    <span name="p1">div2</span>废话2
    <span name="p1">div3</span>废话3
    <span name="p1">div4</span>废话4
</div>

对于上面的HTML，如果我们想获取 “废话1”、“废话2”之类的文字，使用Webdriver 的 findElement是没有办法解决的，必须想起他办法解决。首先，我们了解一个概念，”废话1”这种，在HTML DOM里面叫做 textNode，是可以设置和获取的。

我们做一个测试页面，将下面的内容保存为 test.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>

<script>
<!--
function getTextNodeValue(){
    var txt='';
    for (var i=0;i<div1.childNodes.length;i++){
        if(div1.childNodes[i].nodeType==3){
                txt += div1.childNodes[i].nodeValue+';'
        }
    }
    alert(txt);
}
-->
</script>
</head>

<body onload="getTextNodeValue()"> 
<div id="div1">
    <span name="p1">div1</span>废话1
    <span name="p1">div2</span>废话2
    <span name="p1">div3</span>废话3
    <span name="p1">div4</span>废话4
</div>
</body>
</html>

打开页面后，页面弹出： 废话1 ;废话2 ;废话3 ;废话4 ;我们使用了JS 获取到了textNode上的数据。

不少同学知道webdriver是可以调用JS的，但是通常都是去执行一个方法，其实webdriver也是可以得到JS 返回值的。

System.out.println(((JavascriptExecutor) dr)
                    .executeScript("var txt='';for (var i=0;i<div1.childNodes.length;i++)"
                            + "{if(div1.childNodes[i].nodeType==3){txt += div1.childNodes[i].nodeValue+';'}}"
                            + "return txt;"));

通过上面的脚本我们就可以得到我们想要的数据，秘密就就第4行的 return txt。通过JS的 return ，webdriver可以得到 Boolean、Long、String、List、WebElement类型的数据。

webdriver不但可以得到JS的返回值，而且也可传递参数给JS，下面的代码就是一个例子：

System.out.println(((JavascriptExecutor) dr)
            .executeScript("var txt='';for (var i=0;i<arguments[0].childNodes.length;i++)"
                    + "{if(div1.childNodes[i].nodeType==3){txt += div1.childNodes[i].nodeValue+';'}}"
                    + "return txt;",dr.findElement(By.xpath("//div[1]"))));

div1这个节点，我们通过参数传递给JS，输入参数的具体类型，我们可以参考API文档。

文章目录