Selenium之JS操作

去除元素只读属性

     JavascriptExecutor js = (JavascriptExecutor) driver;
     js.executeScript("arguments[0].removeAttribute(\"+"readonly"+\")", element);

文本输入框赋值`

JavascriptExecutor js = (JavascriptExecutor) driver;
String jsText = "var sum = document.getElementById('id'); sum.value='" + text + "';"
js.executeScript(jsText);`

3.设置富文本框的内容

    JavascriptExecutor js = (JavascriptExecutor) driver;
    WebElement editor = driver.findElement(By.tagName("body"));
    js.executeScript("arguments[0].innerHTML = '<h1>Selenium Test </h1>I love Selenium <br> this article Post By Selenium WebDriver<br><h2>Create By Young</h2>'",element);

4.获取富文本框内容

        JavascriptExecutor js = (JavascriptExecutor) driver;
        String result=(String) js.executeScript("var result=arguments[0].innerHTML;return result", element);

5.元素滚动至可见位置

    //true时与顶部对其  false与底部对齐
        JavascriptExecutor js = (JavascriptExecutor) driver;
        // roll down and keep the element to the center of browser
        js.executeScript("arguments[0].scrollIntoView(true);", e);

6.元素滚动至可见位置_如果当前可见，则不会发生滚动

        JavascriptExecutor js = (JavascriptExecutor) driver;
        // roll down and keep the element to the center of browser
        js.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", e);

7.元素高亮展示

    JavascriptExecutor js = (JavascriptExecutor)driver;
    js.executeScript("arguments[0].setAttribute('style', arguments[1]);", element,"border: 2px solid red;" #边框border:2px; red红色)

8.元素点击

        JavascriptExecutor js = (JavascriptExecutor)driver;
           js.executeScript("arguments[0].click();",element);

9.利用js代码键入搜索关键字

   JavascriptExecutor js = (JavascriptExecutor)driver;
   js.executeScript("document.getElementById(\"kw\").value=\"yeetrack\"");

//利用js代码取出关键字

 JavascriptExecutor js = (JavascriptExecutor)driver;
 js.executeScript("var input = document.getElementById(\"kw\").value;return input");

11./用js判断页面加载完毕，返回complete

    js.executeScript("return document.readyState").toString();
————————————————

举一个实例说明，如下的网站在第一窗口页面点击“登陆”，会弹出一个新的窗口页输入用户名/密码，如果程序不做出来，在定位用户名的时候，程序会在第一个窗口页中查询，所以会报错 

要解决这个问题有两种方法： 
首先，弄明白为什么点击“登录”按钮会弹出一个新的窗口，下面我们来检查一下“登录”按钮的代码： 
 
我们可以看到，这是一个HTML a 标签，a标签的 target 属性规定在何处打开链接文档。这里的target属性定义了浏览器将打开一个新的窗口

如果，不想弹出一个新窗口，就需要先删除target属性 
怎么删除target？ 
 
1、第一种方法 
通过执行JavaScript中的代码删除target 
代码如下：

 document.getElementsByClassName("site-nav-right fr")[0].childNodes[1].removeAttribute("target")
1
①注：在JavaScript的console中回车执行 
②childNodes[1]，表示元素节点位置 
③removeAttribute(“target”)，表示删除元素

完整代码：

from selenium import webdriver
driver=webdriver.Chrome()
driver.implicitly_wait(3)
driver.get("http://localhost/")
js = 'document.getElementsByClassName("site-nav-right fr")[0].childNodes[1].removeAttribute("target")'
driver.execute_script(js) #调用js方法，同时执行javascript脚本
driver.find_element_by_link_text('登录').click()
driver.find_element_by_id("username").send_keys("yonghuming")

2、第二种方法 
JavaScript比较复杂，我们可不可以通过selenium定位元素来执行JavaScript的脚本，可以的

①通过selenium定位元素登录链接 
login_link = driver.find_element_by_link_text(‘登录’) 
②把login_link元素传入JavaScript语句，代替 
document.getElementsByClassName(“site-nav-right fr”)[0].childNodes[1]，而arguments[0]可以帮我们把selenium的元素传入到JavaScript语句中 
arguments指的是execute_script()方法中js代码后面的所有参数，arguments[0]表示第一个参数，argument[1]表示第二个参数 
js=’arguments[0].removeAttribute(argument[1])’ 
driver.execute_script(js,login_link,”target”) 
③点击登陆链接 
login_link.click()

完整代码：

from selenium import webdriver
driver=webdriver.Chrome()
driver.implicitly_wait(3)
driver.get("http://localhost/")
login_link = driver.find_element_by_link_text('登录')
js='arguments[0].removeAttribute(argument[1])'
driver.execute_script(js,login_link,"target")
login_link.click()

参考：https://blog.csdn.net/yinlin330/article/details/82625454

https://blog.csdn.net/kuangjuelian229/article/details/87885356