如何在javascript中添加:after?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (404)

HTML:

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

我想用javascript添加“juice”这个词。

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

JS:

document.querySelector('.one').style.display ="inline";
document.querySelector('.one').style.marginLeft ="2px";
document.querySelector('.one').style. = 
提问于
用户回答回答于
var style = document.createElement('style');
style.innerText = '.one::after { ... }';
document.body.appendChild(style)

基本上只是创建一个全新的<style></style>元素并在那里添加伪选择器样式,并将其附加到正文。

扫码关注云+社区

领取腾讯云代金券