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時間*

見積もり:無料


*一律・1時間未満切上

👉 詳細はこちらから。📧 お問い合わせ

ご覧いただき、ありがとうございます。本サイトの運営コストは広告をご覧いただくことで賄われています。様々な有名サービスが本サイト経由限定・期間限定で無料・割引・キャッシュバックになる、お得なプロモーションをご利用いただくことで、本サイトの運営をご支援いただけます。