使用getAttribute()和JavaScript Executor无法获取文本框实际显示值

安全阿岳

2026-7-30

问题分析

你遇到的问题本质是输入框的显示值与DOM元素的value属性不同步，常见原因分两种：

前端通过CSS的text-transform: capitalize实现首字母大写显示，这种方式仅改变视觉渲染效果，不会修改DOM的value属性，因此getAttribute("value")拿到的还是原始输入值。
前端通过JavaScript处理输入文本并修改显示，但未同步更新value属性，导致DOM属性值与页面显示值不一致。

解决方案

针对CSS转换场景

如果是CSS控制的首字母大写，无需从DOM获取显示值，直接对原始输入字符串做首字母大写处理即可：

String input = "abc";
// 手动转换为显示格式
String displayedValue = input.substring(0, 1).toUpperCase() + input.substring(1);
System.out.println(displayedValue); // 输出 "Abc"

针对JS处理但未同步value场景

使用JavaScript Executor获取元素的渲染文本，或模拟前端处理逻辑计算：

String input = "abc";
element.sendKeys(input);

// 用显式等待替代Thread.sleep，更可靠
WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.visibilityOf(element));

// 通过JS获取渲染后的显示值
String displayedValue = (String) ((JavascriptExecutor) driver).executeScript("" +
    "const el = arguments[0];" +
    "if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {" +
    "  const transform = window.getComputedStyle(el).textTransform;" +
    "  if (transform === 'capitalize') {" +
    "    return el.value.charAt(0).toUpperCase() + el.value.slice(1);" +
    "  }" +
    "  return el.value;" +
    "} else {" +
    "  return el.innerText;" +
    "}", element);

System.out.println(displayedValue);