JavaScript三种方式改变标签css
2018-09-20 15:06
435 查看
原文地址:https://www.cnblogs.com/xiangru0921/p/6514225.html
<body> <div id="div">这是一个盒子</div> <script type="text/javascript"> var div = document.getElementById("div"); //第一种:用cssText div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;'; //第二种:用setProperty() div.style.setProperty('width','700px'); div.style.setProperty('height','300px'); div.style.setProperty('line-height','300px'); div.style.setProperty('background','#f00'); div.style.setProperty('color','#fff'); div.style.setProperty('border','1px solid blue'); div.style.setProperty('text-align','center'); //第三种:使用css属性对应的style属性 div.style.width = "800px"; div.style.height = "250px"; div.style.lineHeight = "250px"; div.style.background = "#000"; div.style.color = "#fff"; div.style.border = "1px solid #111"; div.style.textAlign = "center"; </script> </body>
相关文章推荐
- JavaScript 改变标签属性,和改变css属性
- javascript+css 标签显示方式的思考
- 使用js改变DOM样式的三种方式 - 动态创建style标签
- 转帖,javascript+css 标签显示方式的思考收藏
- javascript+css 标签显示方式的思考
- JavaScript操作CSS:Style的三种方式
- HTML、CSS和JavaScript学习一(HTML定义方式、HTML和XHTML的区别、以及常见标签)
- 前端js,css文件合并三种方式,bat命令
- javascript实现css主题样式切换;动态改变引入的css文件;
- 改变字体(html,css,javascript)
- angular修改标签css修改的三种方法
- HTML 引入CSS 三种方式
- CSS的三种定位方式介绍
- css三种插入方式
- CSS和JavaScript标签对照表
- CSS 和 JavaScript 标签 style 属性对照表
- JavaScript创建对象的三种方式
- JavaScript中定义function的三种方式
- CSS和JavaScript标签style属性对照表(用javascript来控制css不再难了)
- javascript三种输出方式