首页 > web前端 > html教程 > 如何修改html前台的CSS引用?_html/css_WEB-ITnose

如何修改html前台的CSS引用?_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:58:24
原创
871 人浏览过

原先的html前台的head部分引用了一个style.css样式

<LINK href="Css/style.css" type="text/css" rel="stylesheet">
登录后复制




现在我想用style7.css这个样式覆盖style.css样式

首先要往html前台的Head部分添加style7.css样式,用下面的方法就可以实现

HtmlLink link = new HtmlLink();link.Attributes.Add("type", "text/css");link.Attributes.Add("rel", "stylesheet");link.Attributes.Add("href", "style7.css");this.Header.Controls.Add(link);
登录后复制



但是现在html前台的head部分有引用了两个样式



<LINK href="Css/style.css" type="text/css" rel="stylesheet">
登录后复制




现在的问题是:如何把style.css这个样式引用从html前台的head中去掉?




回复讨论(解决方案)

            <LINK href="Css/style.css" type="text/css" rel="stylesheet">    
登录后复制

中间那个0为i。

var link = document.getElementsByTagName('link');for(var i = 0; i<link.length; i++){    if(link[i].href.indexOf('style.css') > -1){        link[i].parentNode.removeChild(link[i]);    }}
登录后复制

你的业务逻辑
加一个
去一个


那么 综合就是修改一个
借用楼上的代码
var link = document.getElementsByTagName('link');
for(var i = 0; i     if(link[i].href.indexOf('style.css') > -1){
         link[i].href = 'style7.css';
    }
}

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板