希望能动态的调用CSS文件,如何实现用JS往head标签中插入html代码?
解决方案 »
- extjs 中frompanel的textfield这只为disabled问题
- ExtJs中使用record.set报:Ext.fly(...)' 为空或不是对象错误
- 为什么用代码生成的RadioButton在IE中选不中
- 如何在html中显示自定义右键菜单?
- 为什么这个html运行后没反应啊
- JQMobi $.jsonP请求Json数据问题, 求解呀。。
- 请问JQuery如何选择元素下除type为hidden的所有子元素
- jquery.form.js表单插件问题
- 怎样能够使OnMouseMove和OnClick事件都好使
- 有无方法判断是否得到焦点
- 100分求助如何用javascript语言把XML转换成JSON
- js parentNode FF IE 兼容问题0
var head=document.getElementsByTagName("head")[0]; //取得<head>标签
var newcss=document.createElement("link"); //创建link标签,也可以换成已经有的link标签
newcss.type="text/css"; //当然你也可以设置成 "text/javascript" ...
newcss.href="yourcss.css";
<head>
<title></title>
<link href="css1.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function changeCss()
{
var obj = document.createElement( 'link');
obj.rel = "stylesheet";
obj.type = "text/css";
obj.href = "css2.css";
document.body.appendChild(obj);
}
</script>
</head>
<body>
<p class = "myclass"></p>
<input type="button" value="换样式" onclick="changeCss();" />
</body>ff和IE8通过