js改变css样式的三种方法推荐


Posted in Javascript onJune 28, 2016

共用代码:

<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样式的三种方法推荐全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
js判断手机端(Android手机还是iPhone手机)
Jul 22 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
javascript实现抽奖程序的简单实例
Jun 07 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
基于jstree使用AJAX请求获取数据形成树
Aug 29 Javascript
vue.extend与vue.component的区别和联系
Sep 19 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 #Javascript
获取input标签的所有属性的方法
Jun 28 #Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 #Javascript
javascript 常用验证函数总结
Jun 28 #Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 #Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 #Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 #Javascript
You might like
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
PHP可变函数的使用详解
2013/06/14 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
鼠标经过的文本框textbox变色
2009/05/21 Javascript
详谈 Jquery Ajax异步处理Json数据.
2011/09/09 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
Python调用服务接口的实例
2019/01/03 Python
linux安装python修改默认python版本方法
2019/03/31 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
python反扒机制的5种解决方法
2021/02/06 Python
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
巴西购物网站:Onofre Agora
2020/06/08 全球购物
小学毕业家长寄语
2014/01/19 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
幼儿园评语大全
2014/04/17 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
店铺转让协议书
2014/12/02 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
保护环境的宣传语
2015/07/13 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
话题作文之成长
2019/12/09 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python