如何以编程方式更改“ html”选择器的CSS？

Question

我正在使用Angular 6，并且处于一种情况下，我需要能够动态更改“ html”的“背景颜色”，而不必将其放入实际的.css或.scss文件中。

我想要实现与此片段在全局“ styles.scss”内部相同的效果：

html {
    background-color: #000000;
}

有什么办法可以通过仅编写TypeScript来实现？我搜索了Angular的CDK文档，但找不到合适的东西。

Answer 1

如果您的应用不需要在服务器上呈现，则最简单的方法是仅通过常规DOM API进行抓取并进行操作。

document.body.parentElement.style.backgroundColor = 'black'

否则，由于html不是您的Angular应用程序的一部分，因此我不确定是否有可能。

Answer 2

您也可以尝试此代码

document.getElementsByTagName('html')[0].style.position = 'fixed';