如何用Selenium及JavaScript操作点击切换的输入框完成清空与输入

你的原有方案失效有3个核心问题：

1. ID提取方法存在语法错误：Java字符串中正则\d需要二次转义为\\d，否则无法正确匹配ID中的数字部分，导致后续元素定位全部失败。
2. 模拟点击方案未处理元素可见性等待：点击h3后input是异步显示的，未加等待直接定位会获取到隐藏状态的元素，clear和sendKeys对隐藏元素默认不生效。
3. JS修改显示状态的代码存在语法错误：getElementById需要传入字符串类型的ID值，你拼接JS代码时没有给ID变量加引号，导致JS执行直接报错。

第一步：修复ID提取方法 #

public String ExtractQuestionTextInputID(){
    String question_text_input_id = driver.findElement(By.xpath("//input[@value='New Question']")).getAttribute("id");
    // 修正正则转义问题
    Pattern p = Pattern.compile("\\d+");
    Matcher m = p.matcher(question_text_input_id);
    String mid = "";
    if(m.find()) {
        mid = m.group();
    }
    return mid;
}

方案1：优先模拟用户真实操作（推荐，更符合页面交互逻辑） #

使用显式等待确保元素状态符合操作要求：

// 提取动态ID
String id = ExtractQuestionTextInputID();
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));

// 等待h3可点击后触发点击
WebElement h3Ele = wait.until(ExpectedConditions.elementToBeClickable(By.id("question_text_" + id)));
h3Ele.click();

// 等待input可见后操作
WebElement inputEle = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("question_text_input_" + id)));
inputEle.clear();
inputEle.sendKeys("test_question_one");
// 触发原页面绑定的blur事件，确保修改生效
inputEle.sendKeys(Keys.TAB);
// 也可以用JS触发blur：((JavascriptExecutor)driver).executeScript("arguments[0].blur()", inputEle);

方案2：直接通过JS操作（适合元素交互有阻碍的场景） #

修正JS语法错误，可直接一步完成状态切换和赋值：

String id = ExtractQuestionTextInputID();
JavascriptExecutor js = (JavascriptExecutor) driver;
// 执行JS：切换显示状态+赋值+触发blur
js.executeScript(
    "const h3 = document.getElementById('question_text_" + id + "');\n" +
    "const input = document.getElementById('question_text_input_" + id + "');\n" +
    "h3.style.display = 'none';\n" +
    "input.style.display = 'block';\n" +
    "input.value = 'test_question_one';\n" +
    "input.blur();"
);

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