Obtenir la source HTML de WebElement dans Selenium WebDriver à l'aide de Python

J'utilise les liaisons Python pour exécuter Selenium WebDriver:

from selenium import webdriver
wd = webdriver.Firefox()

Je sais que je peux saisir un élément Web comme ceci:

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

Et je sais que je peux obtenir la source de la page complète avec ...

wd.page_source

Mais existe-t-il de toute façon pour obtenir la "source de l'élément"?

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

Les documents de sélecteur Web sélénium pour Python sont fondamentalement inexistants et je ne vois rien dans le code qui semble activer cette fonctionnalité.

Avez-vous des réflexions sur la meilleure façon d'accéder au HTML d'un élément (et de ses enfants)?

Vous pouvez lire l' innerHTMLattribut pour obtenir la source du contenu de l'élément ou outerHTMLpour la source avec l'élément actuel.

Python:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

C #:

element.GetAttribute("innerHTML");

Rubis:

element.attribute("innerHTML")

JS:

element.getAttribute('innerHTML');

PHP:

$element->getAttribute('innerHTML');

Testé et fonctionne avec le ChromeDriver.

Il n'y a pas vraiment de moyen simple d'obtenir le code source html d'un fichier webelement. Vous devrez utiliser JS. Je ne suis pas trop sûr des liaisons python mais vous pouvez facilement faire ça en Java. Je suis sûr qu'il doit y avoir quelque chose de similaire à la JavascriptExecutorclasse en Python.

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

Bien sûr, nous pouvons obtenir tout le code source HTML avec ce script ci-dessous dans Selenium Python:

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

Si vous souhaitez l'enregistrer dans un fichier:

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

Je suggère d'enregistrer dans un fichier car le code source est très très long.

Dans Ruby, à l'aide de selenium-webdriver (2.32.1), il existe une page_sourceméthode qui contient la source de la page entière.

L'utilisation de la méthode d'attribut est en fait plus simple et plus simple.

En utilisant Ruby avec les gemmes Selenium et PageObject, pour obtenir la classe associée à un certain élément, la ligne le serait element.attribute(Class).

Le même concept s'applique si vous souhaitez obtenir d'autres attributs liés à l'élément. Par exemple, si je voulais la chaîne d'un élément, element.attribute(String).

Semble obsolète, mais que ce soit ici quand même. La façon correcte de le faire dans votre cas:

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

ou

html = elem.get_attribute('innerHTML')

Les deux fonctionnent pour moi (selenium-server-standalone-2.35.0)

Java avec Selenium 2.53.0

driver.getPageSource();

J'espère que cela pourrait aider: http://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/WebElement.html

Voici la méthode Java décrite:

java.lang.String    getText() 

Mais malheureusement, il n'est pas disponible en Python. Vous pouvez donc traduire les noms de méthode en Python à partir de Java et essayer une autre logique en utilisant les méthodes actuelles sans obtenir la source de page entière ...

Par exemple

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

Cela fonctionne parfaitement pour moi.

element.get_attribute('innerHTML')

InnerHTML retournera l'élément à l'intérieur de l'élément sélectionné et externalHTML retournera à l'intérieur du HTML avec l'élément que vous avez sélectionné

Exemple: - Supposons maintenant que votre élément soit comme ci-dessous

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

Élément innerHTML Sortie

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

Élément externeHTML Sortie

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

Exemple en direct: -

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

Vous trouverez ci-dessous la syntaxe qui nécessite selon une liaison différente. Modifiez le innerHTMLà outerHTMLselon les besoins.

Python:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

Si vous voulez utiliser le code HTML de la page entière ci-dessous: -

driver.getPageSource();

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

Ce code fonctionne vraiment aussi pour obtenir du code source depuis JavaScript!

Et dans le test PHPUnit sélénium, c'est comme ceci:

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

Si vous êtes intéressé par une solution de contrôle à distance en Python, voici comment obtenir innerHTML:

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

La méthode pour obtenir le HTML rendu que je préfère est la suivante:

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

Cependant, la méthode ci-dessus supprime toutes les balises (oui les balises imbriquées également) et renvoie uniquement le contenu texte. Si vous souhaitez également obtenir le balisage HTML, utilisez la méthode ci-dessous.

print body_html.getAttribute("innerHTML")