动态切换css
方法一：給link一個(gè)id，直接獲取該DOM操作href
<link rel="stylesheet"? id="stylelink" type="text/css"/>
<a href="#" οnclick='javascript:document.getElementById("stylelink").href = "blue.css";return false;'>1111</a>
<a href="#" οnclick='javascript:document.getElementById("stylelink").href = "red.css";return false;'>1111</a>
方法二：
<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" > <title>無(wú)標(biāo)題 1</title> <link rel="alternate stylesheet" href="red.css" type="text/css" title="red" media="screen, projection"/> <link rel="alternate stylesheet" href="blue.css" type="text/css" title="blue" media="screen, projection"/><script type="text/javascript">function setActiveStyleSheet(title) {var i, a, main;if (title) {for (i = 0; (a = document.getElementsByTagName('link')[i]); i++) {if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title')) {a.disabled = true;if (a.getAttribute('title') == title) a.disabled = false;}}}} </script> </head><body> <a href="#" onclick="setActiveStyleSheet('red'); return false;" >red</a> <a href="#" onclick="setActiveStyleSheet('blue'); return false;" >blue</a> <a href="#" onclick="setActiveStyleSheet('none'); return false;">none</a> </body> </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/FlyCat/archive/2012/07/02/2573749.html
總結(jié)
- 上一篇： 刀剑乱舞网页版选不了服务器,《刀剑乱舞》
- 下一篇： 一个计算机爱好者的不完整回忆（二十八）关