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中“+=”的应用
Feb 02 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
更优雅的事件触发兼容
Oct 24 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
基于Bootstrap+jQuery.validate实现表单验证
May 30 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 Javascript
layui点击按钮页面会自动刷新的解决方案
Oct 25 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&mysql(二)
2006/10/09 PHP
php获取操作系统语言代码
2013/11/04 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
python实现列表中由数值查到索引的方法
2018/06/27 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
如何对python的字典进行排序
2020/06/19 Python
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
工作证明范本(2篇)
2014/09/14 职场文书
社会实践活动报告
2015/02/05 职场文书
大学生村官入党自传
2015/06/26 职场文书
家长会后的感想
2015/08/11 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang