学习使用js和jquery修改css路径，实现html页面主题切换功能
效果图 html代码 jquery切换css关键代码 js切换css关键代码
<! DOCTYPE html > < html> < head> < metacharset = " utf-8" > < title> </ title> < linkhref = " ./css/edit1.css" type = " text/css" rel = " stylesheet" id = " mylink" > </ head> < body> < div> < buttononclick = " editcss ( 'edit1' ) " > </ button> < buttononclick = " editcss ( 'edit2' ) " > </ button> </ div> < scriptsrc = " ./jquery-2.1.4.min.js" > </ script> < script>
function editcss ( css_name ) {
$ ( "#mylink" ) . attr ( 'href' , "./css/" + css_name + ".css" ) ;
}
</ script> </ body> </ html> < script>
function editcss ( css_name ) {
$ ( "#mylink" ) . attr ( 'href' , "./css/" + css_name + ".css" ) ;
}
</ script> < script>
function editcss ( css_name ) {
document. getElementById ( 'mylink' ) . href = "./css/" + css_name + ".css" ;
}
</ script>
