摘要:本篇教程介绍了JavaScript基础教程 如何使用JavascriptExecutor改变页面元素,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
本篇教程介绍了JavaScript基础教程 如何使用JavascriptExecutor改变页面元素,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
<
如下如html的页面代码
<html>
<body>
<input type="text" name="text" value="alone">
</body>
</html>
使用下列脚本即可改变标签的属性
public class Selenium {
public static WebDriver jsDriver;
@BeforeMethod
public void intiDriver(){
System.setProperty("phantomjs.binary.path","D:\\java\\ideaWorkStation\\casual\\src\\main\\resources\\driver\\phantomjs.exe");
jsDriver=new PhantomJSDriver();
jsDriver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
jsDriver.get("C:\\Users\\win7\\Desktop\\select.html");
}
@Test(enabled = true)
public void javaScriptExcutor(){
WebElement textEle=jsDriver.findElement(By.name("text"));
System.out.println(textEle.getAttribute("value"));//输入改变之前的值
String jsStrToSetAtt="arguments[0].setAttribute(arguments[1],arguments[2])";//改变属性的js
((JavascriptExecutor) jsDriver).executeScript(jsStrToSetAtt, textEle, "value", "no alnon");
System.out.println(textEle.getAttribute("value"));//输入改变后前的值
String jsStrToRemoveAtt="arguments[0].removeAttribute(arguments[1],arguments[2])";//移除属性的js
((JavascriptExecutor) jsDriver).executeScript(jsStrToRemoveAtt, textEle, "value");
System.out.println(jsDriver.getPageSource());//输出改变后的页面代码
}
}
执行脚本后,会看到输出如下,说明元素的属性被修改了
aloneno alnon<html><head></head><body> <input type="text" name="text"></body></html>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号