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 相关文章推荐
javascript 跳转代码集合
Dec 03 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
Vue.js使用v-show和v-if的注意事项
Dec 13 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
如何快速上手Vuex
Feb 14 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
Oct 24 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 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
PHP date函数参数详解
2006/11/27 PHP
php上传文件的增强函数
2010/07/21 PHP
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
react 生命周期实例分析
2020/05/18 Javascript
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
python对象及面向对象技术详解
2016/07/19 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
pow在python中的含义及用法
2019/07/11 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
采购部岗位职责
2013/11/24 职场文书
酒店总经理工作职责
2013/12/13 职场文书
银行员工职业规划范文
2014/01/21 职场文书
2014三八妇女节活动总结
2014/03/01 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
2014年共青团工作总结
2014/12/10 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
修辞手法有哪些?
2019/08/29 职场文书