使用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中。

    温馨提示:本文最后更新于2021-09-18 13:32:22,某些文章具有时效性,若有错误或已失效,请在下方留言或加入QQ群:652857097联系群主。
    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞11赞赏
    分享
    评论 抢沙发

    请登录后发表评论