CSS mit JavaScript Hinzufügen

Dies ist eine Notiz darüber, wie man CSS mit JavaScript hinzufügt. Verwenden Sie document.createElement und document.body.appendChild.

So wie dies.

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

Wenn Sie dies in die Chrome-Entwicklertools-Konsole kopieren und einfügen, wird es sofort widergespiegelt.

Ich kannte nur .style, aber diese Methode ermöglicht es Ihnen, verschiedene Dinge zu tun. Mit .style können Sie p angeben, aber Sie können nicht wie .article-body p schreiben, um mehrere Elemente anzugeben.

Mit dieser Methode können Sie CSS auf die gleiche Weise hinzufügen wie beim Bearbeiten einer CSS-Datei, was praktisch ist.