如何在Selenium中获取WebElement的HTML代码

Question

我是测试的新手,所以如果我的问题听起来有些重要,我会提前道歉.

我正在使用Selenium和Java来编写测试.

我知道这 webElement.getAttribute("innerHTML");带来了innerHTML,例如下面的元素:

<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" style="position: absolute; border-radius: 0px 0px 4px 4px;">
    <span class="ui-icon ui-icon-closethick">close</span>
</a>

它返回:

<span class="ui-icon ui-icon-closethick">close</span>

但我需要一些东西给我带来WebElement"a"的内在属性,如下所示:

href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" style="position: absolute; border-radius: 0px 0px 4px 4px;"

Answer 1

如果你想要元素本身的HTML,你可以使用

webElement.getAttribute("outerHTML");

它将返回元素本身的HTML以及所有子元素.我不确定这是不是你想要的.我认为没有办法只获取所选元素的HTML.

Answer 2

您可以读取innerHTML属性以获取元素内容的来源或使用当前元素获取源的outerHTML.

示例: - 现在假设您的元素如下所示

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

内部元素输出

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

外部元素输出

<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按要求.

蟒蛇:

element.get_attribute('innerHTML')

Java的:

elem.getAttribute("innerHTML");

C#:

element.GetAttribute("innerHTML");

红宝石:

element.attribute("innerHTML")

JS:

element.getAttribute('innerHTML');

如果您希望整页HTML使用以下代码: -

driver.getPageSource();

Answer 3

webElement.getAttribute("href");
webElement.getAttribute("class");
.
.
.

或者获取全部：

Object[] attr = ((JavascriptExecutor)seleniumdriver).executeScript("return arguments[0].attributes);", webElement);