元素定位教学 · JavaScript 定位

driver.execute_script

⑨ JavaScript 定位

通过 execute_script 执行 JS，适合特殊场景与 Selenium 原生 API 无法覆盖的需求

JavaScript 定位语法：
通过 execute_script 执行 JS 定位
driver.execute_script("return document.getElementById('demo-js-username');") （getElementById）
driver.execute_script("return document.getElementsByName('demo-js-input')[0];") （getElementsByName）
driver.execute_script("return document.getElementsByClassName('demo-js-btn')[0];") （getElementsByClassName）
driver.execute_script("return document.getElementsByTagName('button')[0];") （getElementsByTagName）
driver.execute_script("return document.querySelector('.demo-js-card');") （querySelector）
driver.execute_script("return document.querySelectorAll('.demo-js-card');") （querySelectorAll）
特点：当 Selenium 原生定位方式受限时（如 Shadow DOM、iframe 嵌套、动态属性），可通过 execute_script 直接调用浏览器原生 JS API 定位元素。但可读性较差，调试不便。

实操练习：JavaScript 定位 → 查看 Selenium 代码与执行结果

JS 定位练习元素（仅 loc-practice-area）

JS 定位 — Selenium 脚本入门

工具类 · ¥299

JS 定位 — 自动化测试进阶

精选 · 书籍类 · ¥399

JS 定位 — 浏览器 DevTools

视频类 · ¥159

JS 定位练习提示条目（li）：

getElementById：返回单个元素（最快）
querySelector：CSS 选择器语法（返回首个）
querySelectorAll：CSS 选择器语法（返回 NodeList）
arguments[0]：向 execute_script 传参

JS 定位演示元素（execute_script 实战）

Selenium 脚本入门

JS 定位 — getElementById

¥299

测试开发架构师

JS 定位 — querySelector

¥499

DevTools 调试技巧

JS 定位 — getElementsByClassName

¥159

接口自动化进阶

JS 定位 — arguments 传参

¥399

JavaScript 定位实战技巧

getElementById：document.getElementById('id')，返回单个元素，速度最快。
querySelector：document.querySelector('.cls')，CSS 选择器语法，返回首个匹配。
querySelectorAll：document.querySelectorAll('.cls')，返回 NodeList，需 list() 转换。
arguments 传参：arguments[0]，向 execute_script 传递已定位的 WebElement。
直接修改属性：.value = '...'，绕过 send_keys 直接注入值。

定位后操作效果展示区域

本区域用于展示：使用 execute_script 定位到上方元素后，执行「点击 / 输入 / 提交」等操作的真实反馈结果。

execute_script 定位导读

⑨ JavaScript 定位

JS 定位演示元素（execute_script 实战）

JavaScript 定位实战技巧