javascript可以选择DOM上没有显示的对象吗？

Question

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

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

例如...如果我有一个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;
}

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