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 相关文章推荐
JS 常用校验函数
Mar 26 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
JS实现文字放大效果的方法
Mar 03 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
创建自己的jquery表格插件
Nov 25 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
浅谈React中组件逻辑复用的那些事儿
May 21 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
vue-router 控制路由权限的实现
Sep 24 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合并数组+与array_merge的区别分析
2010/08/01 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
php实现字符串翻转的方法
2015/03/27 PHP
php实现Mysql简易操作类
2015/10/11 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
JavaScript高级程序设计
2006/12/29 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
12个超实用的JQuery代码片段
2015/11/02 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
详解小程序用户登录状态检查与更新实例
2019/05/15 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
Python gevent协程切换实现详解
2020/09/14 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
酒店端午节促销方案
2014/02/18 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
给校长的建议书400字
2014/05/15 职场文书
Python echarts实现数据可视化实例详解
2022/03/03 Python
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers