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";


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,816评论 0 8
  • JS简介 外部JavaScript中文件的文件扩展名为.js,如果使用外部文件,那么标签需要设置它的src属性为文...
    Grape_葡萄阅读 963评论 1 6
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,212评论 2 19
  • (一) 我在店里住了一年零三个月了,这一年零三个月里我被很多买家看中,但是他们问完价格之后又摇摇头挑我的刺然后再走...
    玉瑶笙阅读 910评论 1 4
  • 不知道从什么时候开始,90后的我们都在急切的往前赶,不会回头,不问对错。又或是装作很努力的样子,把自己感动的一塌糊...
    独慕剧阅读 306评论 0 0