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 imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
jQuery中append()方法用法实例
Dec 25 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
给angular加上动画效遇到的问题总结
Feb 17 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
Angularjs 制作购物车功能实例代码
Sep 14 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
php eval函数用法总结
2012/10/31 PHP
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
繁简字转换功能
2006/07/19 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
canvas滤镜效果实现代码
2017/02/06 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
Python3.7中安装openCV库的方法
2018/07/11 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Python3 合并二叉树的实现
2019/09/30 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
商务英语毕业生自荐信范文
2013/11/08 职场文书
职业规划书如何设计?
2014/01/09 职场文书
洗发水广告词
2014/03/13 职场文书
打造高效课堂实施方案
2014/03/22 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
个人求职意向书
2015/05/11 职场文书
公司人力资源管理制度
2015/08/05 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL