使用document.querySelector时XPath语法报错，求正确选择器写法

document.querySelector() 仅支持CSS选择器，你传入的 [contains(., 'Edit')] 是XPath语法，不符合CSS选择器规则，因此报错。

方法1：用CSS选择器（推荐，性能更优） #

优先使用元素的明确标识（id、类名、属性）定位，比文本内容更可靠：

• 通过id定位：

  let btn = document.querySelector('#toolbar-item-17-update-id');
  

• 通过类名定位：

  let btn = document.querySelector('.button-action-update');
  

• 通过属性组合定位：

  let btn = document.querySelector('button[name="action"][value="update"]');
  

如果必须通过文本内容匹配，CSS没有原生的文本内容选择器，可结合JavaScript过滤：

// 筛选文本内容为"Edit"（去除首尾空白）的按钮
let btn = Array.from(document.querySelectorAll('button')).find(btn => btn.textContent.trim() === 'Edit');

方法2：用JavaScript的XPath API #

如果想保留XPath表达式，需使用document.evaluate()而非querySelector：

let xpathExpr = '//button[contains(., "Edit")]';
let result = document.evaluate(xpathExpr, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
let btn = result.singleNodeValue;

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