javascript当中link 的alternate stylesheet 用法

最新推荐文章于 2024-07-23 03:40:55 发布

mark_to_win

最新推荐文章于 2024-07-23 03:40:55 发布

阅读量486

点赞数

分类专栏： javascript 文章标签： javascript link rel alternate stylesheet links disabled

本文链接：https://blog.csdn.net/mark_to_win/article/details/88679692

版权

javascript 专栏收录该内容

119 篇文章 0 订阅

订阅专栏

例 6.4：linkChangeCssFileIEFF.html

马克-to--win:切换css文件：document.getElementsByTagName("link");

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <TITLE> New Document </TITLE>
    
    <link rel="alternate stylesheet" href="a.css" type="text/css" title="red" />
    <link rel="stylesheet" href="b.css" type="text/css" title="green" />
    <link rel="alternate stylesheet" href="c.css" type="text/css" title="blue" />
    <script language="javascript">
        function setActiveStyleSheet(t)
        {
            var links = document.getElementsByTagName("link");
links[0].disabled=false;
links[1].disabled=true;
links[2].disabled=true;
alert(links[0].disabled+""+links[1].disabled+links[1].getAttribute("title")+links[2].getAttribute("href"));

        }

    </script>
</HEAD>
<body>

更多请见：https://blog.csdn.net/qq_43650923/article/details/102650892