JavaScript动态添加style节点的方法

 更新时间:2015年06月09日 17:19:57   作者:不吃皮蛋  
这篇文章主要介绍了JavaScript动态添加style节点的方法,涉及javascript节点操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • 用box固定长宽实现图片自动轮播js代码

    用box固定长宽实现图片自动轮播js代码

    这篇文章主要介绍了用box固定长宽实现图片自动轮播效果,需要的朋友可以参考下
    2014-06-06
  • JS及PHP代码编写八大排序算法

    JS及PHP代码编写八大排序算法

    这篇文章主要为大家详细介绍了JS及PHP代码编写八大排序算法的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • javascript算法学习实现代码

    javascript算法学习实现代码

    有1到100000共10万个数。从中随机抽走两个。再把原来的数字顺序打乱。如何快速找到被抽走的两个数
    2011-04-04
  • JS中的oninput和onchange事件的区别及如何正确使用

    JS中的oninput和onchange事件的区别及如何正确使用

    在JavaScript中,oninput和onchange事件是用于处理用户输入的常见事件,本文将介绍oninput和onchange事件的区别,以及如何在实际开发中正确使用它们,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • JavaScript中setInterval的用法总结

    JavaScript中setInterval的用法总结

    这篇文章主要是对JavaScript中setInterval的用法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 清除div下面的所有标签的方法

    清除div下面的所有标签的方法

    清除标签的方法有很多,下面有个不错的示例可以清楚div下面的所有标签,需要的朋友可以参考下
    2014-02-02
  • springMVC结合AjaxForm上传文件

    springMVC结合AjaxForm上传文件

    这篇文章主要为大家详细介绍了springMVC结合AjaxForm上传文件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 基于wordpress的ajax写法详解

    基于wordpress的ajax写法详解

    下面小编就为大家分享一篇基于wordpress的ajax写法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • JS实现字符串翻转的方法分析

    JS实现字符串翻转的方法分析

    这篇文章主要介绍了JS实现字符串翻转的方法,结合实例形式分析了javascript字符串使用reverse方法、字符串遍历方法以及针对输入字符串的遍历、逆序输出等方法实现字符串反转相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • 使用js操作cookie的一点小收获分享

    使用js操作cookie的一点小收获分享

    js操作cookie想必大家并不陌生吧,本文积累了一点小经验,在此与大家分享下,希望对大家有所帮助
    2013-09-09

最新评论