Javascript 如何选择(测试)使用:after伪元素应用的样式?

Javascript 如何选择(测试)使用:after伪元素应用的样式?,javascript,jquery,pseudo-element,Javascript,Jquery,Pseudo Element,我有一个:after伪元素,在我的表格标题上应用了一个字体很棒的图标。我想编写一个测试,通过选择元素并测试其样式来确保图标确实存在如何使用jquery或纯javascript获得这种风格? &:after { content: "\f0de"; font-family: FontAwesome; } 我尝试了$('th:after'),$('th\\\:after'),$('th::after')和其他一些东西。。。但是环顾互联网,似乎根本不可能测试伪元素 编辑 副

我有一个:after伪元素,在我的表格标题上应用了一个字体很棒的图标。我想编写一个测试,通过选择元素并测试其样式来确保图标确实存在如何使用jquery或纯javascript获得这种风格?

&:after {
    content: "\f0de";
    font-family: FontAwesome;
  }
我尝试了
$('th:after')
$('th\\\:after')
$('th::after')
和其他一些东西。。。但是环顾互联网,似乎根本不可能测试伪元素

编辑 副本中的答案讨论了添加/编辑伪元素的策略。我只是想把里面的内容拿出来测试一下。我也不能有条件地应用一个包含after伪元素的类,因为我需要挂接到我正在使用的框架应用的现有类并重写它。问题的第二个答案是我是如何让它工作的

var testString = window.getComputedStyle(document.querySelector('thead th'), ':after').getPropertyValue('content');

检查此项:这是不可能的。伪元素不是DOM的一部分,不能被选择。@SalmanA-你知道这不对吗?页面上的所有内容都是DOM的一部分。@TravisJ不,这是不正确的。伪元素是“生成内容”的基本元素,就像
UL
上的项目符号和
OL
元素上的数字一样。它们不是DOM的一部分。@SalmanA-我假设它应该在其中一个文本节点中。你是对的,它不是DOM的一部分。