使用JS引入CSS到网页中

使用document.write方式输出引入css的link标签

在html文件顶部<head></head>之间添加

<script>
    document.write('<link rel="stylesheet" href="main.css">');
</script>

分析:

直接使用document.write引入html代码

使用createElement方法动态创建link标签,来引入css

在html文件中间<body></body>之间添加

<script>
    new_element = document.createElement('link');
    new_element.setAttribute('rel', 'stylesheet');
    new_element.setAttribute('href', 'main.css');
    document.body.appendChild(new_element);
</script>

分析:

利用document.createElement(‘link’)生成了一个link标签;然后设置其rel属性为stylesheet,href为main.css;最后将这个标签动态地加入body中。


    © 版权声明
    THE END
    支持博主,更新加速
    点赞0赞赏 分享
    勋章统计

    评论一下 抢沙发

    请登录后发表评论

      请登录后查看评论内容