如何将 javascript 与 selenium python 一起使用

Question

我正在尝试使用 python selenium 执行javascript。我基本上是在尝试使用execute.script 设置值，但不知何故它什么也没做。我想编辑街道地址，如下所示

execute_script(driver, """var element = document.getElementsByClassName('input[ng-model="formData.address.address1"]'); element.value = '328 91st Street'; """)

谁能告诉我这里有什么问题？我也没有收到错误

Answer 1

有一种更强大的方法 - 使用 CSS 选择器使用 selenium 定位元素，并将 WebElement 以及一个值作为参数传递到脚本中：

elm = driver.find_element_by_css_selector('input[ng-model="formData.address.address1"]')
value = '328 91st Street'

driver.execute_script("arguments[0].value = 'arguments[1]';", elm, value)

---

请注意，在您的代码中，您有两个主要问题：

• 您将 CSS 选择器传递给 getElementsByClassName() 调用 - 相反，它希望您将类名作为字符串传递
• getElementsByClassName() 返回一个元素数组而不是单个元素

Answer 2

这段代码几乎可以运行了...

execute_script(driver, """var element = document.getElementsByClassName('input[ng-model="formData.address.address1"]'); element.value = '328 91st Street'; """)

请记住getElementsByClassName 将返回一个数组...

我猜你应该使用 querySelector 或 querySelectorAll 函数...

// will select just one element 
var element = document.querySelector('input[ng-model="formData.address.address1"]'); 

// will select all elements
var element = document.querySelectorAll('input[ng-model="formData.address.address1"]'); 

getElementsByClassName你应该通知一个班级......（我认为很难有这样一个班级：ng-model="formData.address.address1"）

使用querySelector

var element = document.querySelector('input[ng-model="formData.address.address1"]'); element.value = '328 91st Street';//Work!!!

如果您想使用querySelectorAll 在这些节点列表中进行迭代

基本上，

var element = document.querySelectorAll('input[ng-model="formData.address.address1"]'); element.value = '328 91st Street';//WON'T WORK

改为：

var element = document.querySelectorAll('input[ng-model="formData.address.address1"]'); element[0].value = '328 91st Street'; // change the value for the first element

for(int i = 0 ;i<element.length;i++){ //change all elements
   element[i].value =  '328 91st Street';
}