Я играю с псевдоэлементами и JavaScript, но некоторые, как я не могу стилизовать его с помощью JavaScript.

    var div = document.querySelector(":before");
    div.style["display"] ="none";

div{
    width:200px;
    height:200px;
    background:red;
    position:relative;
}

div:before{
    position:absolute;
    content:'';
    top:0;
    right:-100px;
    width:100px;
    height:100%;
    background:green;
}

<div></div>

Кто-нибудь знает, почему это не работает?