JavaScriptで`:before`や`:after`などの疑似要素の`content`を動的に変化させるためには、styleタグを追加するしかないみたいです。

## JavaScriptでbefore/afterのcontentを書き換える

“`js
let new_style = document.body.appendChild(document.createElement(“style”));
new_style.innerHTML = ‘Emmet:before { content: “書き換えたいテキスト” !important }’;
“`

### hover時の切り替えなどはCSSのみで可能