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向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
提高javascript效率 一次判断,而不要次次判断
Mar 30 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
mpvue+vant app搭建微信小程序的方法步骤
Feb 11 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
Php部分常见问题总结
2006/10/09 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
php实现数字补零的方法总结
2018/09/12 PHP
js对象数组按属性快速排序
2011/01/31 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
2013/06/27 Javascript
分享Javascript中最常用的55个经典小技巧
2013/11/29 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
控制台报错object is not a function的解决方法
2014/08/24 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
Form表单及django的form表单的补充
2019/07/25 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
CSS3实现时间轴特效
2020/11/02 HTML / CSS
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
国家励志奖学金获奖感言
2014/01/09 职场文书
承诺书模板
2014/08/30 职场文书
计划生育责任书
2015/05/09 职场文书
信仰观后感
2015/06/03 职场文书
MySQL创建定时任务
2022/01/22 MySQL
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android