エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
疑似要素(::before, ::after)のCSSをJavaScriptで制御する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
疑似要素(::before, ::after)のCSSをJavaScriptで制御する - Qiita
JSで疑似要素(::before, ::after)の操作をしたかったので調べたところ、こちらの記事を見かけたので備... JSで疑似要素(::before, ::after)の操作をしたかったので調べたところ、こちらの記事を見かけたので備忘録として記録する。 「スタイルルールの追加」の概念で制御する 厳密に言うと疑似要素はJSで直接制御できない。 疑似要素にはHTML属性が無いのでstyle属性によるインラインCSSの制御もできない。 ではどうするかと言うと、スタイルルールの追加の概念で疑似要素を操作する。 JSで .class::before {width:100px} みたいな記述をドキュメントに追加してしまうという考え方になる。 スタイルルールの挿入 //ドキュメントスタイルの取得 var sheets = document.styleSheets var sheet = sheets[sheets.length - 1]; //スタイルルールの追加 sheet.insertRule( '.class: