JAVASCRIPT

how to access ::after Pseudo-Elements from javascript

var str = "bar";
document.styleSheets[0].addRule('p.special:before','content: "'+str+'";');

how to use after pseudo class in css

a::after {
  content: "whatever content you want to display";
  /*css declaration*/
}