Получить HTML-источник WebElement в Selenium WebDriver с использованием Python

Я использую привязки Python для запуска Selenium WebDriver:

from selenium import webdriver
wd = webdriver.Firefox()

Я знаю, что могу взять вот так вот:

elem = wd.find_element_by_css_selector('#my-id')

И я знаю, что могу получить полный источник страницы с ...

wd.page_source

Но есть ли способ получить «источник элемента»?

elem.source   # <-- returns the HTML as a string

Документы Selen для веб-драйверов для Python в основном не существуют, и я не вижу ничего в коде, который, кажется, включает эту функциональность.

Есть мысли о том, как лучше всего получить доступ к HTML-элементу (и его дочерним элементам)?

Вы можете прочитать innerHTMLатрибут, чтобы получить источник содержимого элемента или outerHTMLисточник с текущим элементом.

Python:

element.get_attribute('innerHTML')

Ява:

elem.getAttribute("innerHTML");

C #:

element.GetAttribute("innerHTML");

Рубин:

element.attribute("innerHTML")

JS:

element.getAttribute('innerHTML');

PHP:

$element->getAttribute('innerHTML');

Проверено и работает с ChromeDriver.

На самом деле нет простого способа получить HTML-код исходного кода webelement. Вам придется использовать JS. Я не слишком уверен в привязках Python, но вы можете легко сделать это в Java. Я уверен, что JavascriptExecutorв Python должно быть что-то похожее на класс.

 WebElement element = driver.findElement(By.id("foo"));
 String contents = (String)((JavascriptExecutor)driver).executeScript("return arguments[0].innerHTML;", element); 

Конечно, мы можем получить весь исходный код HTML с помощью этого скрипта ниже в Selenium Python:

elem = driver.find_element_by_xpath("//*")
source_code = elem.get_attribute("outerHTML")

Если вы хотите сохранить его в файл:

with open('c:/html_source_code.html', 'w') as f:
    f.write(source_code.encode('utf-8'))

Я предлагаю сохранить в файл, потому что исходный код очень очень длинный.

В Ruby, использующем selenium-webdriver (2.32.1), существует page_sourceметод, который содержит весь исходный код страницы.

Использование метода атрибута, на самом деле, проще и понятнее.

Используя Ruby с гемами Selenium и PageObject, чтобы получить класс, связанный с определенным элементом, строка будет такой element.attribute(Class).

Та же концепция применяется, если вы хотите привязать другие атрибуты к элементу. Например, если я хотел строку элемента, element.attribute(String).

Выглядит устаревшим, но пусть это будет здесь в любом случае. Правильный способ сделать это в вашем случае:

elem = wd.find_element_by_css_selector('#my-id')
html = wd.execute_script("return arguments[0].innerHTML;", elem)

или

html = elem.get_attribute('innerHTML')

Оба работают на меня (selenium-server-standalone-2.35.0)

Ява с Селеном 2.53.0

driver.getPageSource();

Я надеюсь, что это может помочь: http://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/WebElement.html

Здесь описан метод Java:

java.lang.String    getText() 

Но, к сожалению, он недоступен в Python. Таким образом, вы можете перевести имена методов в Python из Java и попробовать другую логику, используя существующие методы, не получая весь исходный код страницы ...

Например

 my_id = elem[0].get_attribute('my-id')

Это работает без проблем для меня.

element.get_attribute('innerHTML')

InnerHTML вернет элемент внутри выбранного элемента, а outerHTML вернет элемент HTML вместе с выбранным вами элементом

Пример: - Теперь предположим, что ваш Элемент, как показано ниже

<tr id="myRow"><td>A</td><td>B</td></tr>

Вывод элемента innerHTML

<td>A</td><td>B</td>

Вывод элемента externalHTML

<tr id="myRow"><td>A</td><td>B</td></tr>

Живой пример: -

http://www.java2s.com/Tutorials/JavascriptDemo/f/find_out_the_difference_between_innerhtml_and_outerhtml_in_javascript_example.htm

Ниже вы найдете синтаксис, который требует различных привязок. Изменение innerHTMLк outerHTMLсогласно необходимости.

Python:

element.get_attribute('innerHTML')

Ява:

elem.getAttribute("innerHTML");

Если вы хотите HTML-код всей страницы, используйте следующий код: -

driver.getPageSource();

WebElement element = driver.findElement(By.id("foo"));
String contents = (String)((JavascriptExecutor)driver).executeScript("return      arguments[0].innerHTML;", element); 

Этот код действительно работает для получения JavaScript из исходного кода!

А в тесте на селен PHPUnit это выглядит так:

$text = $this->byCssSelector('.some-class-nmae')->attribute('innerHTML');

Если вы заинтересованы в решении для удаленного управления в Python, вот как получить innerHTML:

innerHTML = sel.get_eval("window.document.getElementById('prodid').innerHTML")

Метод получения визуализированного HTML, который я предпочитаю, следующий:

driver.get("http://www.google.com")
body_html = driver.find_element_by_xpath("/html/body")
print body_html.text

Однако приведенный выше метод удаляет все теги (да и вложенные теги) и возвращает только текстовое содержимое. Если вы также заинтересованы в получении HTML-разметки, используйте метод ниже.

print body_html.getAttribute("innerHTML")