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 相关文章推荐
JQuery为textarea添加maxlength属性的代码
Apr 07 Javascript
js数组与字符串的相互转换方法
Jul 09 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
JS实现简易换图时钟功能分析
Jan 04 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
Node 升级到最新稳定版的方法分享
May 17 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 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模板之Phpbean的目录结构
2008/01/10 PHP
改变Apache端口等配置修改方法
2008/06/05 PHP
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
php字符串操作常见问题小结
2016/10/11 PHP
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
AngularJS基础 ng-if 指令用法
2016/08/01 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
python 性能优化方法小结
2017/03/31 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
最受欢迎的自我评价
2013/12/22 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
给小学生的新年寄语
2014/04/04 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
科普 | 业余无线电知识-波段篇
2022/02/18 无线电