logo
Published on

JavascriptでCSSを追加する

Authors

JavascriptでCSSを追加する方法についてメモです。 document.createElementおよびdocument.body.appendChildを使用します。

こんな感じ。

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".article-body p {margin: 0 0 10em;}";
document.body.appendChild(css);

chromeデベロッパーツールのコンソールにコピペすれば即座反映できます。

.styleしか知らなかったけど、こういうやり方のほうがいろいろできますね。 .styleだと、pを指定するってことはできても、.article-body pみたいに複数指定してやるっていう書き方ができないんですよね。

このやり方ならcssファイル編集する感覚で追加できるので、便利ですね。

各ツール価格:1万円~

サポート:6千円/1時間

見積もり:無料


▶ 詳細📧 ご連絡

ご覧頂きありがとうございます。
商品やサービスが本サイト限定で無料や割引になる、広告の一覧をご活用頂くことで、本サイトの運営をご支援いただけます。