如何在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

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

或者把它们都弄到手：

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

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

如果需要元素本身的HTML，可以使用

webElement.getAttribute("outerHTML");

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