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 相关文章推荐
JavaScript实现禁止后退的方法
Dec 27 Javascript
JavaScript中Object和Function的关系小结
Sep 26 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
JS轻量级函数式编程实现XDM二
Jun 16 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
与数据库连接
2006/10/09 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
onpropertypchange
2006/07/01 Javascript
Javascript 写的简单进度条控件
2008/01/22 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
python3+PyQt5+Qt Designer实现扩展对话框
2018/04/20 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
木工主管岗位职责
2013/12/08 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
2014年母亲节寄语
2014/05/07 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
创先争优活动承诺书
2014/08/30 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
个人工作表现自我评价
2015/03/06 职场文书
降价通知函
2015/04/23 职场文书
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电