如何在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>元素，然后在其中添加偽選擇器樣式，然后將其附加到正文中。