如何使用 selenium 更改元素的样式答案

【问题标题】：How to change the style of an element using selenium如何使用 selenium 更改元素的样式
【发布时间】：2014-04-14 02:09:15
【问题描述】：

我的代码中有一张图片。当我点击它时，我希望改变它的样式。该字段如下所示：

<a class="myField" href="#" style="left: 0%;"></a>

我可以按类获取元素并点击它。但是不知道怎么改样式。

WebElement webelement = driver.findElement(By.className("myField"));
webelement.click();
//Change the style to 'left:40%;'

我是硒的新手。任何帮助表示赞赏。

【问题讨论】：

你应该在 javascript/css 中做，你为什么要 selenium 做呢？它只是用于硒执行而不是用于现实生活中的应用程序
@JigarJoshi 没错。我已经在我的应用程序中使用 jQuery 进行了操作。但我需要使用 selenium 自动化场景
所以你不应该通过 selenium 来改变它，你应该点击并让 javascript 改变它，你应该在 selenium 测试中断言它，除非我误解了你的问题
@JigarJoshi .. 基本上我有一个带有上限和下限的滑块。当我单击特定位置时，上限图像将重新定位在该位置。使用 selenium 时，如果我单击上限图像，它仍然在同一个地方。
您是否从浏览器中检查了为什么它正在运行？（除非它是无头的）

【解决方案1】：

您可以使用javascriptExecutor：

((JavascriptExecutor)driver).executeScript("document.getElementsByName('myField')[0].style.left='40%'");

【讨论】：