检测css内容引起的变化

时间:2018-02-14 18:26:41

标签: html css mutation-observers css-content

假设我们有一些CSS通过content:添加文本,例如:

:after {
  content: "Something";
}

似乎MutationObserver对这些content CSS元素引起的文本更改视而不见。该文本也是不可选择的。似乎content - 添加的文本不是DOM的一部分。它住在哪里?描述它的适当术语是什么?

更重要的是,它是否可以通过编程方式进行访问?

这是一个小实验:



setInterval(function test() {
  var x = document.querySelector("#x");
  if (x.innerText.indexOf("Something") != -1) {
    console.log(Date.now() + ":   SOMETHING !");
  }
}, 1000)

#x:hover:after {
  content: "Something";
}

<div id="x">Test</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案