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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
require.js的用法详解
Oct 20 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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创建、获取cookie及基础要点分析
2015/01/26 PHP
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
JS实现select选中option触发事件操作示例
2018/07/13 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
2019/10/14 Javascript
[46:55]完美世界DOTA2联赛决赛 FTD vs Phoenix 第三场 11.08
2020/11/11 DOTA
python实现各进制转换的总结大全
2017/06/18 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
python实现按首字母分类查找功能
2019/10/31 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
通过案例解析python鸭子类型相关原理
2020/10/10 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
银行实习生自我鉴定范文
2013/09/19 职场文书
简历中自我评价范文3则
2013/12/14 职场文书
大一学生的职业生涯规划书范文
2014/01/19 职场文书
运动会四百米广播稿
2014/01/19 职场文书
护理专业自荐信范文
2014/02/26 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书