Question

我试图用style覆盖body标记的script属性，如下所示：

<script type='text/javascript'>
    window.onload = function() { 
        document.body.style.cssText = 'color: red' 
    }
</script>

问题是，我将从API Rest生成的一些代码嵌入到有很多约束的Angular应用程序中：

我不愿意编写Angular应用程序本身的代码
我也无法修改head标签
<div id='content'>是我可以嵌入到Angular应用程序中的代码

<html>
    <head>...</head>
    <body style=''>
        <app-root>
            <div id='content'>
                ...
                <script type='text/javascript'>
                    window.onload = function() { 
                        document.body.style.cssText = 'color: red' 
                    }
                </script>
                ...
                <p>some text</p>
            </div>
        </app-root>
    </body>
</html>

然后，当我在浏览器中加载Angular应用程序时，<body style=''>不会改变。

我尝试了不带Angular的香草样品，并且可以正常工作：Fiddle

由于我几乎没有Angular的经验，所以我的问题是：Angular是否有任何约束条件可以阻止在其范围之外修改任何html标签？

从Angular应用程序中的body脚本将css样式加载到body标签中

0 个答案: