### 使用 Playwright 获取元素的 `readonly` 属性 在 Playwright 中，可以通过 JavaScript 代码动态获取或修改 DOM 元素的属性。为了检查某个元素是否具有 `readonly` 属性，可以使用 `page.evaluate()` 方法执行自定义的 JavaScript 脚本[^1]。 以下是实现这一功能的具体方法： 1. **通过 `page.evaluate()` 检查 `readonly` 属性** 可以利用 JavaScript 的 `element.hasAttribute('readonly')` 方法来判断某个元素是否有 `readonly` 属性[^2]。如果需要进一步确认属性值，则可以使用 `element.getAttribute('readonly')`。 2. **示例代码** 下面是一个完整的代码示例，展示如何使用 Playwright 获取并验证 `readonly` 属性： ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch(headless=False) page = browser.new_page() # 打开包含目标元素的页面 page.goto("https://example.com") # 替换为实际页面地址 # 检查元素是否具有 readonly 属性 has_readonly = page.evaluate(""" () => { const element = document.getElementById('birth_day'); // 替换为目标元素的 ID return element && element.hasAttribute('readonly'); } """) print(f"Element has readonly attribute: {has_readonly}") # 输出结果 # 如果需要获取 readonly 属性的具体值 readonly_value = page.evaluate(""" () => { const element = document.getElementById('birth_day'); // 替换为目标元素的 ID return element ? element.getAttribute('readonly') : null; } """) print(f"Readonly attribute value: {readonly_value}") # 输出属性值 browser.close() ``` 3. **解释代码逻辑** - 使用 `page.evaluate()` 方法执行 JavaScript 脚本，脚本中通过 `document.getElementById()` 获取目标元素。 - 判断元素是否存在以及是否具有 `readonly` 属性，返回布尔值。 - 如果需要具体的属性值，可以调用 `getAttribute('readonly')` 方法。 4. **移除 `readonly` 属性（可选）** 如果需要移除 `readonly` 属性以便进行交互操作，可以参考以下代码[^4]： ```python page.evaluate(""" () => { const element = document.getElementById('birth_day'); // 替换为目标元素的 ID if (element) { element.removeAttribute('readonly'); } } """) ``` 此代码片段将移除指定元素的 `readonly` 属性，使其变为可编辑状态。 5. **验证元素状态（可选）** Playwright 提供了 `element_handle` 的方法来验证元素的状态，例如是否可编辑、是否隐藏等[^3]。虽然这些方法不直接支持检查 `readonly` 属性，但可以结合 JavaScript 动态判断。 ---