javascript - JavaScript ブックマークレットの CSS

Question

css を JavaScript ブックマークレットに挿入することは可能ですか?

のような単純なもの#div-name{ display: none !important; }？

Answer 1

コピー元: Javascript で CSS を追加するにはどうすればよいですか?

リンクを参照するのは好きではありません.

ページにスタイルを追加するには、次のことができます。

var sheet =document.createElement("style");
document.head.appendChild(sheet);

そのページの解決策は次のとおりです。

DOM Level 2 CSS インターフェイスを使用してこれを行うこともできます。

sheet.insertRule('strong { color: red; }', sheet.cssRules.length);

...（当然のことながら）IE以外のすべてで、わずかに異なる独自の表現を使用します。

sheet.addRule('strong', 'color: red;', -1);

createElement-set-innerHTML メソッドと比較して、これには理論上の利点があります。特別な HTML 文字を innerHTML に入れることを心配する必要はありませんが、実際にはスタイル要素は従来の HTML では CDATA であり、'< ' および「&」いずれにせよ、スタイルシートで使用されることはめったにありません。

このように追加を開始する前に、スタイルシートを配置する必要があります。それは既存のアクティブなスタイルシートである可能性があります: 外部、埋め込み、または空、それは問題ではありません。存在しない場合、現時点で作成する唯一の標準的な方法は、createElement を使用することです。