2016-07-29 69 views
2

我有以下的HTML片段下方:硒XPATH如何從跨度標籤獲取文本輸入ID標籤

<div> 
    <span class="gwt-InlineLabel myinlineblock" style="display: none;" aria-hidden="true">Go to row</span> 
    <input id="data_configuration_view_preview_ib_row" class="gwt-IntegerBox marginleft red" type="text" size="8"/> 
    <span class="gwt-InlineLabel error myinlineblock marginleft" style="width: 7ex;" aria-hidden="false">Error!</span> 
</div> 

我想查找的文本錯誤!

我從輸入ID標記開始,因爲它有一個ID。我不能去到具有文本錯誤的span標籤!

我的XPath從ID開始是:

//input[@id="data_configuration_view_preview_ib_row"] 

我曾嘗試:

//input[@id="data_configuration_view_preview_ib_row"]/span[contains(text(), "Error!")] 

什麼CSS或XPath我可以用它來查找的文本錯誤!?

我設法找到與以下XPath元素:

//input[@id="data_configuration_view_preview_ib_row"]//following-sibling::span[contains(text(), "Error!")] 

感謝,里亞茲

+0

你試圖以此爲XPath的; //跨度[文本()='錯誤! '] ???? – noor

回答

1

,你可以使用cssSelector:與error

span.error 
  • 使用

    • 與ID使用data_configuration_view_preview_ib_row

      #data_configuration_view_preview_ib_row + span.error 
      

    或者您可以使用xpath爲:

    • error與類

      //span[contains(@class, 'error')] 
      
    • 使用具有preceding ID data_configuration_view_preview_ib_row

      //span[preceding::*[@id = 'data_configuration_view_preview_ib_row']] 
      
    • 使用具有preceding-sibling ID使用data_configuration_view_preview_ib_row

      //span[preceding-sibling::*[@id = 'data_configuration_view_preview_ib_row']] 
      

    希望它能幫助.. :)

  • +0

    這有助於和很好的解釋。謝謝。 –

    +0

    @RiazLadhani歡迎您。很高興幫助你... :) –

    1

    使用軸following-sibling獲得同一級別的下一個元素:

    //input[@id="data_configuration_view_preview_ib_row"]/following-sibling::span 
    

    您也可以使用CSS選擇器:

    #data_configuration_view_preview_ib_row + span