前端开发，怎么用js给节点添加伪元素

CSS部分：

<style>

    .p::after{

        content: "Hello"

        color: red

    }

</style>

JS部分：

<script>

    var p = document.querySelector('p')

    p.setAttribute('class','p')

</script>

HTML部分：

<p></p>

可以通过window.getComputedStyle方法获取到伪元素；比如获取h1元素的before伪元素

var before = window.getComputedStyle(document.getElementsByTagName("h1")[0], ':before')

---