如何通过XPath取值？Playwright部分字段返回NULL求助

• 等待元素完全加载
  Playwright执行速度快于页面渲染时，会出现元素已存在但值还没填充的情况。先用waitForSelector等待元素处于可见/可交互状态再取值：

  await page.waitForSelector('你的XPath表达式', { state: 'visible' });
  const targetValue = await page.locator('你的XPath表达式').getAttribute('value');
  

• 直接从浏览器上下文取动态值
  很多SPA框架（React/Vue等）的表单值会存在组件状态里，DOM属性未同步更新。用evaluate方法直接读取元素的实时值：

  const targetValue = await page.locator('你的XPath表达式').evaluate(el => el.value);
  

• 确认XPath是否精准匹配
  检查XPath是否匹配了多个元素，导致取到第一个无值的元素。可以给XPath增加索引或更精确的属性条件，比如：

  (//input[@class='target-input'])[1]
  

• 处理隐藏/非视口内元素
  元素存在于DOM但不可见时，textContent或getAttribute可能返回null。先滚动到元素位置再取值：

  const targetElement = page.locator('你的XPath表达式');
  await targetElement.scrollIntoViewIfNeeded();
  const targetText = await targetElement.textContent();
  

• 核对属性/文本获取方式
  不同元素的文本/值存储方式不同：如果是输入框用el.value，普通文本元素可以试试innerText替代textContent：

  const targetText = await page.locator('你的XPath表达式').evaluate(el => el.innerText);
  

内容的提问来源于stack exchange，提问作者Nothing Much