How to override text in css

IDENTIFIER {
visibility: hidden;
position: relative;
}
IDENTIFIER::after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "NEW_CONTENT";
}

Css change the button text value

document.getElementById("myButton").innerHTML="new button text";