js 设置多条css样式
2024-10-19 15:38:01
如果在一个网页中给id="mydiv"的元素添加css样式,先获取该节点:
var obj = document.getElementById("mydiv");
给节点添加css:
如果需要添加的css不多的话,可以obj.style.width = "300px";
如果需要添加多条css语句的话,这样会有多条,如:
obj.style.width="300px";
obj.style.height="300px";
obj.style.border="1px solid #ddd";
……
这样会不会显得有些麻烦,且需要重复敲写类似的语句,那么可以这样:
(1)通过自己编写js函数设置css
function setCss(obj,css){
for(var attr in css){
obj.style[attr] = css[attr];
}
}
setCss(obj,{"width":"300px","height":"300px","border":"1px solid #ddd"});
(2)通过cssText方法设置css
obj.style.cssText = "width:300px;height:300px;border:1px solid #ddd;";
这样会不会显得简单,且方便了很多呢,特别是对于新create的元素进行初始化css样式
最新文章
- Objective-C枚举的几种定义方式与使用
- adb install INSTALL_FAILED_ALREADY_EXISTS
- freeCAD特性列表
- Java-数组练习5
- JS的splice()方法和slice()方法
- IEE数据库kill指定条件的进程
- IOS GCD 浅析
- Word中封面的问题
- 【Maven实战】依赖的范围
- poj 2192 Zipper(区间dp)
- java多线程基本概述(七)——join()方法
- java 网络编程之UDP通信和简单的群聊程序
- ROS探索总结(十六)——HRMRP机器人的设计
- Java定时器小实例
- go微服务框架go-micro深度学习(二) 入门例子
- 应使用sqlplus代替tnsping进行oracle连通性测试
- mod libs 课堂
- Unix环境高级编程:守护进程
- python基础--time和datetime模块
- part1:14-开发板介绍和开发板系统安装准备