JavaScript动态添加style节点的方法


Posted in Javascript onJune 09, 2015

本文实例讲述了JavaScript动态添加style节点的方法。分享给大家供大家参考。具体如下:

var css = 'h1 { background: red; }',
head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if(style.styleSheet){
style.styleSheet.cssText = css;
}else{
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
js字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
AngularJS基础知识
Dec 21 Javascript
jQuery对象的selector属性用法实例
Dec 27 Javascript
JS代码实现table数据分页效果
May 26 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
js实现楼层导航功能
Feb 23 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 #Javascript
Javascript实现div的toggle效果实例分析
Jun 09 #Javascript
js获取字符串字节数方法小结
Jun 09 #Javascript
Javascript对象Clone实例分析
Jun 09 #Javascript
JS动态创建DOM元素的方法
Jun 09 #Javascript
JavaScript获取数组最小值和最大值的方法
Jun 09 #Javascript
JavaScript获取两个数组交集的方法
Jun 09 #Javascript
You might like
开源SNS系统-ThinkSNS
2008/05/18 PHP
Smarty变量用法详解
2016/05/11 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
XENON基于JSON变种
2010/07/27 Javascript
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
前端构建工具之gulp的配置与搭建详解
2017/06/12 Javascript
手写简单的jQuery雪花飘落效果实例
2018/04/22 jQuery
微信小程序模拟cookie的实现
2018/06/20 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
ES6基础之字符串和函数的拓展详解
2019/08/22 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
[49:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 KG VS TNC
2018/03/31 DOTA
python静态方法实例
2015/01/14 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
python实现动态创建类的方法分析
2019/06/25 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Django+uni-app实现数据通信中的请求跨域的示例代码
2019/10/12 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
学习Python爬虫的几点建议
2020/08/05 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
HTML5标签大全
2016/11/23 HTML / CSS
打架检讨书400字
2014/01/17 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
学用政策心得体会
2014/09/10 职场文书
党支部三会一课计划
2014/09/24 职场文书
旷工辞退通知书
2015/04/17 职场文书
七个Python必备的GUI库
2021/04/27 Python
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
配置Kubernetes外网访问集群
2022/03/31 Servers