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 入门级学习笔记及源码
Jan 22 Javascript
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
Aug 29 Javascript
vue移动端项目缓存问题实践记录
Oct 29 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
May 09 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
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脚本的10个技巧(7)
2006/10/09 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
JS自定义对象实现Java中Map对象功能的方法
2015/01/20 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
手机端转换rem适应
2017/04/01 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
Python正则表达式介绍
2012/08/06 Python
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
pywinauto自动化操作记事本
2019/08/26 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
班主任工作经验交流材料
2014/05/13 职场文书
党员领导干部承诺书
2014/05/28 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
涨价通知
2015/04/23 职场文书
加班费申请报告
2015/05/15 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript