2001Yのプロフォール画像

2001Y@Y20010920T

「JavaScriptでbefore/afterのcontentを書き換える」のアイキャッチ画像

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

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

let new_style = document.body.appendChild(document.createElement("style"));
new_style.innerHTML = 'Emmet:before { content: "書き換えたいテキスト" !important }';

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