使用Python在Selenium WebDriver中获取WebElement的HTML源代码

Peter Mortensen 9
2022-07-11 17:06:10 未知地区 9F
回复

InnerHTML will return the element inside the selected element and outerHTML will return the inside HTML along with the element you have selected
Example:
Now suppose your Element is as below
<tr id="myRow"><td>A</td><td>B</td></tr>

innerHTML element output
<td>A</td><td>B</td>

outerHTML element output
<tr id="myRow"><td>A</td><td>B</td></tr>

Live Example:
http://www.java2s.com/Tutorials/JavascriptDemo/f/find_out_the_difference_between_innerhtml_and_outerhtml_in_javascript_example.htm
Below you will find the syntax which require as per different binding. Change the innerHTML to outerHTML as per required.
Python:
element.get_attribute(‘innerHTML’)

Java:
elem.getAttribute("innerHTML");

If you want whole page HTML, use the below code:
driver.getPageSource();

undetected Selenium 9
2022-07-11 17:06:09 未知地区 7F
回复

The other answers provide a lot of details about retrieving the markup of a WebElement. However, an important aspect is, modern websites are increasingly implementing JavaScript, ReactJS, jQuery, Ajax, Vue.js, Ember.js, GWT, etc. to render the dynamic elements within the DOM tree. Hence there is a necessity to wait for the element and its children to completely render before retrieving the markup.

Python
Hence, ideally you need to induce WebDriverWait for the visibility_of_element_located() and you can use either of the following Locator Strategies:

Using get_attribute("outerHTML"):
element = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "#my-id")))
print(element.get_attribute("outerHTML"))

Using execute_script():
element = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "#my-id")))
print(driver.execute_script("return arguments[0].outerHTML;", element))

Note: You have to add the following imports:
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

Peter Mortensen 9
2022-07-11 17:06:09 未知地区 5F
回复

Using the attribute method is, in fact, easier and more straightforward.
Using Ruby with the Selenium and PageObject gems, to get the class associated with a certain element, the line would be element.attribute(Class).
The same concept applies if you wanted to get other attributes tied to the element. For example, if I wanted the string of an element, element.attribute(String).

Samuel RIGAUD 9
2022-07-11 17:06:09 未知地区 3F
回复

Sure we can get all HTML source code with this script below in Selenium Python:

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

If you you want to save it to file:

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

I suggest saving to a file because source code is very very long.

Peter Mortensen 9
2022-07-11 17:06:08 未知地区 1F
回复

You can read the innerHTML attribute to get the source of the content of the element or outerHTML for the source with the current element.
Python:
element.get_attribute(‘innerHTML’)

Java:
elem.getAttribute("innerHTML");

C#:
element.GetAttribute("innerHTML");

Ruby:
element.attribute("innerHTML")

JavaScript:
element.getAttribute(‘innerHTML’);

PHP:
$element->getAttribute(‘innerHTML’);

It was tested and worked with the ChromeDriver.