使用webdriver中的JavascriptExecutor执行js改变DOM属性

资源推荐：

视频资源： 软件测试相关系列视频

社区资源： 自动化测试交流群

step1：使用js获取DOM对象

//返回指定的DOM元素

document.getElementById('id')  

//返回所有name相同的DOM数组

document.getElementsByName('name')  

//返回所有tagName相同的DOM数组

document.getElementsByTagName('tagName')

 

Step2：设置或修改标签的属性

1.改变属性值

DOM对象.属性名=值

document.getElementById('id').value='helloworld'

2、改变复选框的选中状态

 

document.getElementsByName[0].checked='true';    //此时选中第一个复选框

3、改变标签的文本值（两种方法）

document.getElementById('p').innerText='helloworld';

document.getElementById('p').innerHTML='helloworld';

innerText会将字符串值按纯文本方式存入，而innerHTML会将文本字符串中的标签字符串，如<p>,会按HTML标签处理，另外需要注意的是文本字符串中本能含有回车换行

 

Step3：执行js脚本

String  ss = "document.getElementById('p').innerText='helloworld'";

JavascriptExecutor js = (JavascriptExecutor)driver;

js.executorScript(js);