JavaScript下link href用法

用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”;

    原文作者:Ranter
    原文地址: https://www.jianshu.com/p/3623eaf94633
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞