JavaScript擬似要素styleを変更するいくつかの方法
729 ワード
コードを書く時に1つの問題に出会って、私はJSを通じてある偽要素を選んでそのstyleを変えることを望んで、結果は直接偽要素を選ぶ方法を見つけていないで、ここでPankaj Parasharの1篇のブログを参考にして、いくつかの簡単な方法を取り出して偽要素のstyleを変える例コード:
このようにdivのafter擬似元素は.グリーン:afterだ
詳細については、引用記事を参照してください.
Pankaj Parashar—Modify pseudo element styles with JavaScript
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