源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

动态创建样式表在各浏览器中的差异测试代码

  • 时间:2022-05-16 13:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:动态创建样式表在各浏览器中的差异测试代码
[u]复制代码[/u] 代码如下:
<!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”。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部