Как найти тексты в тегах div.style с помощью Watir?

Question

Я довольно новичок в использовании Watir для автоматизации. Вот источник HTML, который я работаю вокруг с:

<td align="left" class="list_vspace"> 
 

 

 
    <div style="float:left;padding-right:10px;"> 
 
    </div> 
 

 
    <div style="float:left;padding-top:8px; width:480px;"> 
 
    <div class="List_title"> 
 
     <div style="float:left;"> 
 
     <img src="/images/icon_04.png" border="0" align="absmiddle" style="float:left;">&nbsp;</div> 
 
     <div style="float:left;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"><a href="view.php?id=onmarket&amp;page=1&amp;divpage=661&amp;category=6&amp;no=3304222"><font color="#ACACAC">Mini pop-store</font></a> 
 
     </div> 
 
    </div> 
 
    <div style="clear:both; font-size: 11px;font-family: &quot;arial&quot;;color:#acacac;"> 
 

 
     15:36:13 | Fish Market</div> 
 

 
    </div> 
 

 

 

 

 
</td>

Мой вопрос -

Что сценарий мне нужно написать для того, чтобы найти время и текст в последний стиль div (т. е. 15:36:13 | Рыбный рынок)?

Я пробовал browser.div.style, но кажется, что Watir не распознает стиль для div. Нет, где я могу найти ответ для этого, google тоже не помог, поэтому я обращаюсь к вам за помощью. Заранее спасибо.

Answer 1

Вы можете сделать

browser.element(class: 'list_vspace').divs.last.text 
=> "15:36:13 | Fish Market" 

Answer 2

Чтобы выбрать элемент по стилю, вам нужно использовать CSS. Обратите внимание на то, что расстояние может отличаться на входе и выходе:

browser = Watir::Browser.new 
browser.goto 'google.com' 
element = browser.element(css: "div[style='height:233px;margin-top:89px']") 
element.exists? # => true 
e2.style # => "height: 233px; margin-top: 89px;" 

Так что вы могли бы сделать что-то подобное для приведенного выше кода:

browser.element(css: "div[style^='clear:both; font-size: 11px']").text