Selenium如何获取非value属性文本框值及验证前端显示值

我来帮你搞定这个棘手的问题！这种情况在Vue、React这类前端框架开发的页面里很常见——框架会把数据绑定到视图，但不会同步更新DOM的value属性，导致Selenium的常规方法拿不到值。下面给你几个可行的解决方案：

• 用JavaScript获取DOM元素的value property
  这是最通用的方法，浏览器会把文本框的实际输入值存在DOM元素的value property里（和HTML标签上的value属性不是一回事）。你可以通过Selenium执行JS代码直接读取这个值：

  String displayName = (String) driver.executeScript("return document.getElementById('DisplayName').value;");
  

  这个方法绕过了HTML属性的限制，直接拿到浏览器内存里存储的实际值，不管框架怎么动态渲染都能生效。

• 检查是否有其他关联属性或子元素
  少数特殊UI组件会把显示的文本放在子元素（比如<span>）里，而不是文本框自身的value中。你可以用浏览器开发者工具（F12）仔细检查DisplayName元素的结构，看看文本是不是藏在某个子节点里。如果是，直接定位那个子元素用getText()就能拿到值。

• 针对特定框架的方法（可选）
  如果你明确知道页面用的是特定前端框架（比如Angular），也可以通过框架的内置API获取绑定值，但这种方法耦合性高，不如JS方法通用。

总结一下：当常规的getAttribute("value")和getText()失效时，优先用JavaScript执行的方式获取DOM元素的value property，这是解决这类动态渲染问题的最优解。

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