使用JavaScript获取CSS伪元素content内容
作者：交互手记时间：2026-10-22 09:27:05浏览：399
在自动化测试中，部分网站利用CSS伪元素实施反爬虫策略，导致常规元素定位失效。本文通过JavaScript执行脚本，利用getComputedStyle方法获取伪元素的content属性值，从而实现对隐藏内容的定位与提取。
JavaScript获取伪元素content的方法
在自动化测试环节，常需应对网站的反爬虫策略。部分页面通过CSS伪元素来隐藏或渲染特定信息，这使得常规的元素定位方式无法直接捕获目标。此时，借助JavaScript执行脚本成为获取这些隐藏元素内容的有效手段。
具体实现代码如下：
//使用js获取伪元素的content
String script = "return window.getComputedStyle(document.querySelector('.myTips'),':after').getPropertyValue('content')";
JavascriptExecutor js = (JavascriptExecutor) driver;
String content = (String) js.executeScript(script);
System.out.println(content);
以上内容即为利用JavaScript获取伪元素content的完整示例，供读者参考。
作者最新文章
JS怎么实现页面强制刷新
2026-11-05 14:53:38
点击JS链接直接运行不下载？前端实现.js文件强制下载的三种方法
2026-11-05 12:12:23
怎么封装一个通用的JS创建元素辅助函数
2026-11-05 11:41:41
Swiper.js 怎么监听滑动结束并获取当前索引
2026-11-05 10:57:15
HTML、CSS和JS的关系：Web前端三件套怎么协作
2026-11-04 15:41:40