js改变css样式的三种方法推荐
更新时间：2016年06月28日 10:32:41 投稿：jingxian
下面小编就为大家带来一篇js改变css样式的三种方法推荐。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
共用代码：
<div id="div">
this is a div
</div>
var div=document.getElementById('div');
第一种：用cssText
div.style.cssText='width:250px;height:250px;border:1px red solid;';
第二种：用setProperty()
div.style.setProperty('width','250px');
div.style.setProperty('height','250px');
div.style.setProperty('border','1px red solid');
第三种：使用css属性对应的style属性
div.style.width = "250px";
div.style.height = "250px";
div.style.border = "1px solid red";
以上就是小编为大家带来的js改变css样式的三种方法推荐全部内容了，希望大家多多支持脚本之家~
相关文章
这篇文章主要介绍了对new functionName()定义一个函数的理解,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了JavaScript必知必会(七)js对象继承的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
JavaScript初级教程(第二课)...2007-04-04
在一个函数体内，标识符arguments引用了arguments对象的一个特殊属性。可以按照数目（而不是名字）获取传递给函数的参数值。2010-10-10
你真的了解JavaScript吗？...2007-02-02
这篇文章主要介绍了JavaScript中的splice()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
JavaScript对HTML DOM使用EventListener进行操作
这篇文章主要介绍了JavaScript对HTML DOM使用EventListener进行操作的方法,用于向HTML元素中添加事件,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了javascript实现滑动解锁功能的方法及示例，效果非常棒,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了深入理解JavaScript定时机制,对于学习JavaScript有一定的帮助，感兴趣的小伙伴们可以参考一下。2016-10-10
这篇文章主要介绍了JavaScript构造函数及new运算符，通过认识new运算符，代码解读，重点解析，new存在的意义，总结等全面介绍了知识点，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
最新评论