我试图在按下按钮后让图像旋转，但我无法让图像旋转。将css的动画行放入图像：css中的活动id块后，我能够在活动鼠标单击时使图像旋转，但这不是我的作业所要求的。
HTML
element=//input[@id=//label[normalize-space(.)='Frau']/@for]
public void javascriptclick(String element)
{
WebElement webElement=driver.findElement(By.xpath(element));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();",webElement);
System.out.println("javascriptclick"+" "+ element);
}
的Javascript
<a id="button" onclick="rotate()">Go</a>
<img class="click" id="image" src="http://placehold.it/500x500">
<script type="text/javascript" src="script.js"></script>
</body>
CSS
function rotate(){
image.className = 'click';
}
答案 0 :(得分：2)
看看这个。您似乎还没有设置度。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function rotate(){
myImg=document.getElementById('image');
myImg.className = 'rotate';
}
</script>
<style>
.rotate {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
</style>
</head>
<body>
<a id="button" onclick="rotate()">Go</a>
<img class="click" id="image" src="http://placehold.it/500x500">
</body>
</html>
答案 1 :(得分：0)
active在您使用它时未初始化，假设您的Javascript完整。您希望改为使用document.getElementById('active')。
你的函数将元素的类设置为＆＃39;点击＆＃39;，因为img标记的类最初被设置为“点击”，所以没有多大意义。调用函数时没有任何变化。
CSS选择器应该只是.click而不是.click:active，并且img标签不应该以类开头。