javascript - javascript可以选择未显示在DOM上的对象吗？

Question

这是一个非常快速的问题:)

只是想知道 javascript 是否有可能选择不属于 DOM 的对象...比如选择 :after 或 :before 创建的内容CSS？

例如...如果我有一个 div 并通过

创建一个框

div:after{
  content: '.';
  display: block;
  width: 200px;
  height: 200px;
  background: green;
}

我仍然难以理解这些元素是如何创建的，因为它们可以在屏幕上绘制元素但不是 DOM 的一部分，这是否意味着无法与它们交互？

干杯

Answer 1

不，您将无法与他们互动。

它们不是 DOM 的一部分，而是所分配样式的体现。

如果需要添加/删除内容，可以使用类名。

<div id='myElem' class='withAfter'>some content</div>

div.withAfter:after{
  content: '.';
  display: block;
  width: 200px;
  height: 200px;
  background: green;
}

然后根据需要添加/删除类。