欢迎光临

木子屋

标题: Js动态添加样式

作者: dnawo

日期: 2008-12-10 04:52 PM

分类: HTML/CSS

内容: 复制内容到剪贴板 程序代码<script type="text/javascript">
//添加页面样式
function addStyle(content)
{
var style;
if(document.all) //IE
{
style = document.createStyleSheet();
style.cssText = content;
}
else
{
style = document.createElement("style");
style.type = "text/css";
//style.innerHTML = content;//Safari、Chrome 下innerHTML只读
style.textContent = content;
}
try{document.getElementsByTagName("head")[0].appendChild(style);}catch(e){}//IE Error:不支持此接口
}
//添加外部样式
function includeStyle(url)
{
var style = document.createElement("link");
style.type = "text/css";
style.setAttribute("rel","stylesheet");
style.setAttribute("href",url);
document.getElementsByTagName("head")[0].appendChild(style);
}
addStyle("#div1{background-color:#CC99FF;width:200px;height:100px;}");
includeStyle("http://www.mzwu.com/style/global.css");
</script>
参考文章
动态增加CSS，兼容任意浏览器：http://www.rainic.com/blog/index.php/183

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.598 ms

返回

标题: Js动态添加样式

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.598 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.614 ms

返回