css文件用于描述html元素的显示方式,有各种方法可以在html文档中添加css文件。javascript就可在html文档中加载css文件,那么如何使用javascript加载css文件?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。【视频教程推荐:javascript教程】

做法:
● 使用document.getElementsByTagName()方法获取HTML头元素。
● 使用createElement('link')方法创建新的链接元素。
● 初始化link元素的属性。
立即学习“Java免费学习笔记(深入)”;
● 将链接元素附加到头部。
代码示例
下面通过代码示例来具体看看JavaScript如何在HTML文档中加载CSS文件。
示例1:
创建名称style.css的文件:
本软件完全免费,无任何bug。用户可放心使用,网关需单独注册,请联系软件作者。1、关于接口设置:721K 卡易智能点卡接口,易宝支付网银接口。2、关于账户功能:商户信息管理、玩家留言信箱、网关下载、资金管理。3、关于游戏管理:分区管理、添加分区、分组管理、比例模板、补发管理、获取代码。4、关于订单管理:订单查询、渠道管理、结算统计。5、关于数据统计:玩家排名、分区排名、渠道统计。6、程序是 .NE
.demo {
width: 400px;
height: 200px;
border: 1px solid red;
color:red;
margin: 50px auto;
text-align: center;
line-height: 200px;
}使用JavaScript添加CSS文件:
Load CSS file using JavaScript
php中文网!
输出:

示例2:
style.css文件代码:
.demo {
width: 400px;
height: 100px;
border: 1px solid green;
font-size:25px;
font-weight:bold;
color:white;
background-color:pink;
text-align:center;
line-height: 100px;
margin: 50px auto;
}使用JavaScript添加CSS文件
Load CSS file using JavaScript
php中文网!
输出:

以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目!!!










