javascript创建css样式的方法
来源:互联网 发布:淘宝刷手举报有奖吗 编辑:程序博客网 时间:2024/05/01 05:11
有很多方法可以调用css样式,如使用内嵌样式,在html直接加入样式,给定外部样式文件,在外部样式文件中使用@import url(样式文件路径),这些都是大家常用的,其实还有就是使用javascript进行样式的定义.
第一种:
var style = document.createElement(’link’);
style.href = ’style.css’;
style.rel = ’stylesheet’;
style.type = ‘text/css’;
document.getElementsByTagName(’HEAD’).item(0).appendChild(style);
第二种简单:
document.createStyleSheet(‘style.css’);
使用字符串动态创建 style 节点:
var style = document.createElement(’style’);
style.type = ‘text/css’;
style.innerHTML=”body{ background-color:blue; }”;
document.getElementsByTagName(’HEAD’).item(0).appendChild(style);
但是在上面只能在Firefox兼容,在IE里却不支持。
var sheet = document.createStyleSheet();
sheet.addRule(’body’,'background-color:red’);
如果按照上面的话就能兼容IE成功,但是很麻烦,要把字符串拆开写。
还有一种方法:
document.createStyleSheet(”javascript:’body{background-color:blue;’”);
但用上面的javascript代码唯一的缺点就是参数url 最大 255 个字符,长一点的就不行了,将代码进行修改成如下:
window.style=”body{background-color:blue;”;
document.createStyleSheet(”javascript:style”);
完整代码如下:(document.all兼容IE)
- javascript创建css样式的方法
- javascript获取元素的css样式方法
- javascript 动态修改css样式方法+JQuery中操作Css样式的方法
- 原生javascript 获得css样式的几种方法
- JS中改变css样式的方法JavaScript
- HTML-css样式的创建
- javascript获取css样式文件中定义的样式的方法
- javascript调用css样式表方法
- javascript 动态修改css样式方法
- 优化css样式的方法
- CSS中引入CSS样式的方法
- 创建漂亮的CSS样式表
- javascript操作CSS样式时的兼容性
- javascript操作元素的css样式
- javascript改变指定的css样式
- JavaScript获取CSS中样式的值
- javascript 动态修改css样式方法汇总(四种方法)
- javascript 动态修改css样式方法汇总(四种方法)
- shell基础二:查找技巧,find及xargs的使用
- 用jquery判断一个对象是否存在不能用
- 2008年12月的湿
- 表格table隔行换色以及点击整行变色
- Python核心编程读书笔记(1)
- javascript创建css样式的方法
- Android开发环境搭建全程演示(jdk+eclipse+android sdk包含版本更新)
- shell基础一:文件安全与权限
- ECSHOP开发出现hacking attempt
- 跨服务器的复制表的方法
- Oracle约束支持3种Delete的行为
- WCF(2)我的第一个WCF程序,(解决方案结构、服务契约定义、服务契约定义等)
- JNI 头文件生成
- shell基础五:输入和输出(echo,read,cat,管道,tee,重定向等)