如何在JavaScript中添加：after

Question

的HTML：

这就是我所拥有的

<div class="one"> Apple  </div>

我想使用javascript .style添加单词“ juice”。 在我可以使用.style.after = "juice"在javascript中设置内容的地方:: after ，是否存在:: after等效项？

<div class="one"> Apple Juice </div>

js：

document.querySelector('.one').style.display ="inline";
document.querySelector('.one').style.marginLeft ="2px";
document.querySelector('.one').style. = 

Answer 1

我可以想到一种实现您想要的目标的奇怪方法：

var style = document.createElement('style');
style.innerText = '.one::after { ... }';
document.body.appendChild(style)

因此，基本上只是创建一个全新的<style></style>元素，然后在其中添加伪选择器样式，然后将其附加到正文中。