js批量设置样式的三种方法不推荐使用with
2023-06-13 09:14:46 时间
一般我们都用css来批量设置样式,现在我们用js也可以批量设置样式:
总结三种方法如下
复制代码代码如下:
总结三种方法如下
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>无标题文档</title>
<styletype="text/css">
#div1{width:100px;height:100px;background:#069;}
</style>
<scripttype="text/javascript">
//第一种使用JSON
functionsetStyle(obj,json){
for(variinjson)
{
obj.style[i]=json[i];
}
}
window.onload=function(){
varoDiv=document.getElementById("div1");
//setStyle(oDiv,{width:"200px",background:"red"});//第一种
//oDiv.style.cssText="width:200px;height:300px;background:yellow;";//第二种使用cssText
//使用第三种with(不推荐使用)
with(oDiv.style)
{
width="300px";
height="500px";
background="yellow";
}
};
</script>
</head>
<body>
<divid="div1"></div>
</body>
</html>
相关文章
- js书写原生ajax,JS 原生ajax写法
- js中四舍五入的方法_JS取整
- js获取服务器控件DropDownList所选中的各项属性
- 如何用JS实现网页上通过鼠标移动批量选择元素?
- js滑动触屏事件监听详解编程语言
- 自写脚本实现上线前本地批量压缩混淆 js , css 代码。详解编程语言
- JS alert()方法调试代码
- JS every()方法:检测数组元素是否全部符合指定条件
- 使用JS实现Redis数据读取(js读取redis)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- Redis中的订阅机制及其在JS中的应用(redis 订阅 js)
- CSDN上快速结贴的方法,JS实现
- JS实现求出一个字符串中最多出现的字符和个数
- 用js实现的一个根据内容自动生成表格的函数
- JS函数验证总结(方便js客户端输入验证)
- 使用JS进行目录上传(相当于批量上传)
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- JS批量修改PS中图层名称的方法
- JS执行删除前的判断代码
- Node.js中对通用模块的封装方法
- 使用js获取图片原始尺寸
- jQuery实现返回顶部功能适合不支持js的浏览器