web-dev-qa-db-ja.com

Selenium-要素とそのサブ要素のテキストを取得する方法

短いバージョン：チャットメッセージを取得できますが（JavaでSeleniumのBy.xpathを使用）、適切な場所に笑顔を含めたいと思います。

長いバージョン：こんにちは、私はこの興味深い問題に取り組んでいます。Webブラウザーからチャットメッセージを解析し、JavaとSeleniumを使用して再作成する必要があります。のテキストの解析に問題はありませんでした。メッセージですが、サブ要素（笑顔のアイコン）でも解析したいのですが、手動でソースコードを解析する以外に、これに対する良いアプローチはありますか？

アクセスできる単一のメッセージのコードは次のとおりです。

_<div class="chat_msg chat_msg_caller ">
    <div class="chat_msg_head">
        <span class="chat_msg_author">
            SomeAuthor
        </span>
        <span class="chat_msg_date">
           SomeDate
        </span>
    </div>
    <div class="chat_msg_body message_text">
        SomeMessageText
        <span class="sml-icon biggrin">
            <span>
                :D
            </span>
        </span>
        SomeOtherText
        <span class="sml-icon biggrin">
            <span>
                :D
            </span>
        </span>
    </div>
</div>
_

チャットメッセージのテキストを取得する方法の例を次に示します。

String msgTxt = we.findElement(By.xpath("//div[@id='messages_body']/div[" + (i + 1) + "]/div[@class='chat_msg_body message_text']")).getText();

私の結果：SomeMessageText SomeOtherText私が望む結果：SomeMessageText：D SomeOtherText：D

CSSファイル：

_http://badoocdn.com/v2/-/-/css/base-ltr.268.css
http://badoocdn.com/v2/-/-/css/page.chat-ltr.22.css
http://badoocdn.com/v2/-/-/css/popup.messenger-ltr.230.css
_

構造：

_<div id="messages_body">
   <div id="pager" class="pages"> … </div>
   <div class="chat_msg chat_msg_caller ">
       <div class="chat_msg_head">
          <span class="chat_msg_author"> … </span>
          <span class="chat_msg_date"> … </span>
       </div>
       <div class="chat_msg_body message_text"> … </div>
   </div>
   <div class="me chat_msg chat_msg_owner "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="me chat_msg chat_msg_owner "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   ...
_
javaxpathselenium-webdriverwebdriver
9
Lenymm

私があなたを正しく理解しているなら、あなたは親要素でgetText（）を実行する必要があります。

driver.findElement(By.cssSelector(".chat_msg_body message_text")).getText()

これは戻るはずです

SomeMessageText：D SomeOtherText：D

空白が削除される可能性があります。試してみる必要があります。

編集

潜在的なCSSの問題に対処しているので、いつでも以下を試すことができます。

driver.findElement(By.cssSelector(".chat_msg_body message_text")).getAttribute("textContent")

CSSが物事をあちこちに動かしている場合でも、textContentを取得する必要があります。

11
Ardesco

私はこれをどのように行うか、
1。 SeleniumIDEを開きます。
2。取得したいサイトからテキストを選択します
3。右クリックして、使用可能なコマンドを使用します
4。確認テキストを使用するとします。
5。記録を停止し、記録をWebdriverに変換します。
コードを取得します。それはシンプルで、いつも私のために働いていました。
あなたが試すことができます

 (new WebDriverWait(driver, 60)).until(ExpectedConditions
                .textToBePresentInElement(By.id("Element ID"),
                        "Text to verify"));
0
paul