java - Selenium - 如何获取元素及其子元素文本

Question

简短版本:我可以获取聊天消息(在 java 中使用 selenium 的 By.xpath)，但我想将微笑包含在适当的位置。

更长的版本:你好，我一直在处理这个有趣的问题，我需要从网络浏览器解析聊天消息并使用 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>
   ...

Answer 1

如果我对你的理解正确，你只需要在父元素上执行 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。