如何在Node.js的Selenium中仅通过Title点击年份选择菜单

错误原因 #

你写的XPath报错有两个核心问题：

• XPath 1.0不支持CSS里的^=前缀匹配语法，要实现前缀匹配得用starts-with()函数
• 字符串引号嵌套冲突：如果代码里用单引号包裹XPath字符串，内部的单引号会提前闭合，导致语法错误

可行的定位方案及代码 #

方案1：修复XPath表达式 #

用starts-with()实现前缀匹配，同时注意引号的正确使用：

const { Builder, By } = require('selenium-webdriver');

async function selectBirthYear() {
  let driver = await new Builder().forBrowser('chrome').build();
  try {
    // 用双引号包裹XPath字符串，避免单引号冲突
    const yearSelect = await driver.findElement(By.xpath("//select[starts-with(@title, 'Year:')]"));
    // 也可以转义单引号：'//select[starts-with(@title, \'Year:\')]'
  } finally {
    await driver.quit();
  }
}
selectBirthYear();

方案2：用CSS选择器（更简洁） #

CSS支持^=前缀匹配，语法更直观，也不容易出现引号问题：

const { Builder, By } = require('selenium-webdriver');

async function selectBirthYear() {
  let driver = await new Builder().forBrowser('chrome').build();
  try {
    // 用title前缀定位
    const yearSelect = await driver.findElement(By.css("select[title^='Year:']"));
    // 或者结合class和精确title定位（定位更准确）
    // const yearSelect = await driver.findElement(By.css("select._aau-[title='Year:']"));
  } finally {
    await driver.quit();
  }
}
selectBirthYear();

方案3：用Select类操作下拉菜单（推荐） #

因为目标元素是<select>，直接点击往往无法完成选项选择，Selenium提供了专门的Select类来处理下拉交互：

const { Builder, By } = require('selenium-webdriver');
const { Select } = require('selenium-webdriver/lib/select');

async function selectBirthYear() {
  let driver = await new Builder().forBrowser('chrome').build();
  try {
    // 定位select元素
    const yearSelectElement = await driver.findElement(By.css("select._aau-[title='Year:']"));
    // 初始化Select对象
    const yearSelect = new Select(yearSelectElement);
    
    // 选择选项的几种方式：
    // 1. 通过可见文本选择
    await yearSelect.selectByVisibleText('1990');
    // 2. 通过value属性选择
    // await yearSelect.selectByValue('1990');
    // 3. 通过索引选择（从0开始计数）
    // await yearSelect.selectByIndex(30);
  } finally {
    await driver.quit();
  }
}
selectBirthYear();

额外提示 #

如果遇到元素未加载完成导致的定位失败，可以添加等待逻辑确保元素可见：

const { Builder, By, until } = require('selenium-webdriver');

// 在try块中替换定位代码为：
const yearSelectElement = await driver.wait(until.elementLocated(By.css("select._aau-[title='Year:']")), 10000);

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