美文网首页JavaScript学习笔记
JavaScript下link href用法

JavaScript下link href用法

作者: Ranter | 来源:发表于2016-10-16 23:27 被阅读0次

用JavaScript来控制CSS的切换非常方便,常用于换肤或切换背景。下面我们说两种在JavaScript中常用的link href方式。

第一种方式:

     在link中添加一个id,再从JavaScript中用document.getElementById("link中添加id的name")获取使用;代码如下:

<head>标签内添加link:

<head>

            <link id="css" rel="stylesheet" type="text/css" href="style1.css">

</head>

js中获取id:

<script>

var oCss=document.getElementById("css");

oCss.href="style2.css";

</script>

第二种方式:

直接在<script>中用document.getElementsByTagName('link')[0];来使用link标签。

代码如下:

var oCss=document.getElementsByTagName("link")[0];

oCss.['href']="style2.css";


相关文章

网友评论

    本文标题:JavaScript下link href用法

    本文链接:https://www.haomeiwen.com/subject/owjayttx.html