JavaScript擬似要素styleを変更するいくつかの方法

729 ワード

コードを書く時に1つの問題に出会って、私はJSを通じてある偽要素を選んでそのstyleを変えることを望んで、結果は直接偽要素を選ぶ方法を見つけていないで、ここでPankaj Parasharの1篇のブログを参考にして、いくつかの簡単な方法を取り出して偽要素のstyleを変える例コード:
html:
css: .red::after{ content:"red"; color:red; }

ふかほう

css:
.green::after{
    content:"green";
    color:green;
}
js:
$("div").removeClass("red").addClass("green")

このようにdivのafter擬似元素は.グリーン:afterだ

新しいスタイル

$("").appendTo("head")

 詳細については、引用記事を参照してください.
Pankaj Parashar—Modify pseudo element styles with JavaScript