手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >动态创建样式表在各浏览器中的差异测试代码
动态创建样式表在各浏览器中的差异测试代码
摘要:复制代码代码如下:xxxvarcss=document.createElement('style');css.setAttribute('t...

复制代码 代码如下:

<!doctype html>

<head></head>

<body>

<span id="con">xxx</span>

<script>

var css = document.createElement('style');

css.setAttribute('type', 'text/css');

var cssText = 'span{color:Red;}';

if(css.styleSheet) { // IE

css.styleSheet.cssText = cssText

} else {

css.appendChild(document.createTextNode(cssText));

}

document.getElementsByTagName("head")[0].appendChild(css);

</script>

对于标准浏览器,直接使用css.innerHTML也可以修改HTMLStyleElement的css规则;

但是对于IE会导致一个“unknow runtime error”。

【动态创建样式表在各浏览器中的差异测试代码】相关文章:

js判断鼠标位置是否在某个div中的方法

javascript元素动态创建实现方法

强制设为首页代码

Jquery动态添加输入框的方法

javascript实现dom动态创建省市纵向列表菜单的方法

光标定位等TextRange的操作的范例代码

一些很实用且必用的小脚本代码第1/5页

如何实现浏览器上的右键菜单

js动态创建及移除div的方法

让iframe框架网页在任何浏览器下自动伸缩

精品推荐
分类导航