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使用prototype定义对象类型
Feb 07 Javascript
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
js实现简单的左右两边固定广告效果实例
Apr 10 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
JS回调函数基本定义与用法实例分析
May 24 Javascript
angular4自定义组件详解
Sep 28 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
详解Angular6学习笔记之主从组件
Sep 05 Javascript
前后端常见的几种鉴权方式(小结)
Aug 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上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
JQuery autocomplete 使用手册
2010/04/01 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
JavaScript适配器模式详解
2017/10/19 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python爬取读者并制作成PDF
2015/03/10 Python
使用python实现接口的方法
2017/07/07 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
python配置文件写入过程详解
2019/10/19 Python
Python eval函数介绍及用法
2020/11/09 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
计算机专业自荐信范文
2014/05/28 职场文书
创先争优一句话承诺
2014/05/29 职场文书
2015年党小组工作总结
2015/05/26 职场文书
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS