首頁  >  文章  >  web前端  >  如何修改html前台的CSS引用?_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:58:24838瀏覽

原先的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';
    }
}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn