:: after修饰符添加的内容的DOM选择器

问题描述 投票:0回答:1

我正在寻找一个DOM选择器(读取CSS或javascript选择器),该选择器允许我获取由元素的::after修饰符插入的文本。

最小代码示例:

p.something::after {
  content: "content is now readable";
  background-color: yellow;
  color: red;
  font-weight: bold;
}
<p class='something'></p>
<p>
  Something else
</p>

因此,我要重新表述这个问题,如何使用javascript / css选择器获取第一段(content is now readable)的内容。

我想排除任何库,因为它们可能不可用,并且正在寻找普通的JS或CSS答案。

javascript html dom queryselector
1个回答
1
投票

尝试getComputedStyle及其第二个参数:

function readAfterPseudo(el) {
  var cs = getComputedStyle(el, '::after');
  console.log(cs.content);
}

readAfterPseudo(document.querySelector('.something')) 
© www.soinside.com 2019 - 2024. All rights reserved.