CSS-hack – 在网站的正文中添加CSS

前端之家收集整理的这篇文章主要介绍了CSS-hack – 在网站的正文中添加CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我陷入了一种情况,我只能访问网站的身体而不是头部。我必须使用一个新的样式表。现在我遇到的解决方案是将CSS文件添加到网站的正文中。当然,这是一个黑客,所以我想知道是否有更好的解决方案?

解决方法

页面上加载外部CSS文件的常规方法是:
<head>
<link rel="stylesheet" type="text/css" href="file.css" />
</head>

使用基本的JavaScript来做,你要创建一个Javascript函数

<script type="text/javascript">

    function loadCSS(filename){ 

       var file = document.createElement("link");
       file.setAttribute("rel","stylesheet");
       file.setAttribute("type","text/css");
       file.setAttribute("href",filename);
       document.head.appendChild(file);

    }


   //just call a function to load a new CSS:
   loadCSS("path_to_css/file.css");

</script>

您可以添加动态定义,如:

<script type="text/javascript">
      var sheet = (function() {
        var style = document.createElement("style");
        style.appendChild(document.createTextNode(""));
        document.head.appendChild(style);
        return style.sheet;
      })();

      sheet.insertRule("span { visibility: hidden }",1);
 </script>

猜你在找的CSS相关文章