2011-10-27 60 views
7

需要获取iframe中跨度的xpath表达式。 需要帮助获取跨范围在Iframe弹出窗口中的XPath表达式。需要帮助为iframe中的跨度获取XPath表达式

我能得到的iframe,但得到/ HTML /身体里面的iframe是没有发生任何帮助,将不胜感激

<div class="gwt-PopupPanelGlass" style="position: absolute; left: 0px; top: 0px; visibility: visible; display: block; width: 1680px; height: 222px;"></div> 
<div class="gwt-PopupPanel" style="left: 439px; top: 0px; visibility: visible; position: absolute; overflow: visible;"> 
<div class="popupContent"> 
<div class="ph-PopupDialog" style="position: relative; width: 800px; height: 220px;"> 
<div style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div> 
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;"> 
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> 
<div style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div> 
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 32px;"> 
<div style="position: absolute; overflow: hidden; left: 0px; top: 32px; right: 0px; bottom: 0px;"> 
<div class="ph-PopupDialog-content" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> 
<div style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div> 
<div style="position: absolute; overflow: hidden; left: 5px; top: 5px; right: 5px; bottom: 5px;"> 
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> 
<div> 
<iframe class="gwt-Frame ph-PaymentFrame" name="paymentFrame" src="javascript:''"> 
<html> 
<head> 
<body onload="pageLoaded();"> 
<div class="ph-View"> 
<div class="container_24 form-grid"> 
<div class="container_24 form-grid"> 
<div class="container_24 form-grid"> 
<div class="container_24 form-grid"> 
<div class="container_24 form-grid"> 
<div class="grid_12"> 
<div class="ph-ButtonPanel ph-ButtonPanel-undecorated"> 
<a class="ph-Button ph-Button-button" onclick="submit();return false;" style="float: right; margin-left: 5px;" href="#"> 
<a class="ph-Button ph-Button-button" onclick="cancel();return false;" style="float: right; margin-left: 5px;" href="#"> 
<span>Cancel</span> 
</a> 
</div> 
</div> 
</div> 
</div> 
</body> 

`

回答

1

使用

//iframe//span 

这将选择每span元素是XML文档中的任何iframe元件的后代。

0
//span [ancestor::iframe] 

这将选择在一些点的所有span元素,其有一个祖先iframe元素。

8

iframe中的元素实际上在另一个页面中。所以你应该首先找到该页面的地址,它是iframe的src值的值并加载它,然后访问该页面中的元素。

5

您需要将XPath的范围设置为iframe的contentDocument属性:

var iframe = document.getElementsByTagName("iframe")[0]; 
var theFirstSpan = document.evaluate('//span', iframe.contentDocument, 
     null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue 
-1

我们不能访问iframe直接内的元素。我们需要先切换到iframe。

我使用PHP的Facebook的webdriver,这是完全适合我的工作。现在

$driver->get("http://www.example.com"); // containing an iframe 
$iFrame = $driver->findElement(
      WebDriverBy::xpath('//iframe[@name="iFrameName"]') //name or id or whatever by which we can access. 
     ); 
$driver->switchTo()->frame($iFrame); 

,我们可以访问span作为,

$spanButton = $driver->findElement(
      WebDriverBy::xpath('//span') 
     ); 

我希望这可以帮助别人!