批量设置样式json版

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="智能社 - zhinengshe.com">
<meta name="copyright" content="智能社 - zhinengshe.com">
<title>智能社 - www.zhinengshe.com</title>
<style>
#div1 { width:200px; height:200px; border:5px solid red; }
</style>
<script>
window.onload=function (){
    var oDiv=document.getElementById(‘div1‘);    

    setStyle(oDiv, {
        ‘width‘ : ‘500px‘,
        ‘height‘: ‘500px‘,
        ‘border‘:‘20px solid blue‘
    });
};

function setStyle(obj, json)
{
    for (var i in json)
    {
        obj.style[i]=json[i];
    }
}

</script>
</head>

<body>
    <div id="div1"></div>
</body>
</html>
时间: 2024-11-06 11:07:36

批量设置样式json版的相关文章

json批量设置DIV属性

<!doctype html> <html> <head> <meta charset="utf-8"> <title>批量设置</title> <style> #div1 { width:200px; height:200px; border:5px solid red; } </style> <script> window.onload=function (){ var oD

win7操作系统安装之后的批量设置脚本

在win7操作系统安装完成之后,对系统做些设置,主要包括以下设置项,如果和自己的需求有悖,请自己更改脚本或者不要用此脚本执行自动化设置: 禁用IPv6的协议 关闭IP Helper,Windows backup,window Time,window Update,禁用防火墙服务 更改显示设置:只保留:"平滑屏幕字体边缘","在窗口和按钮上使用视觉样式" 更改系统常用目录的路径,将我的文档,视频,音乐,下载等目录改到非系统盘(如果系统有两个以上分区的话) 取消桌面上程

在Asp.Net MVC中使用NPOI插件实现对Excel的操作(导入,导出,合并单元格,设置样式,输入公式)

前言 NPOI 是 POI 项目的.NET版本,它不使用 Office COM 组件,不需要安装 Microsoft Office,目前支持 Office 2003 和 2007 版本. 1.整个Excel表格叫做工作表:WorkBook(工作薄),包含的叫页(工作表):Sheet:行:Row:单元格Cell. 2.NPOI是POI的C#版本,NPOI的行和列的index都是从0开始 3.POI读取Excel有两种格式一个是HSSF,另一个是XSSF. HSSF和XSSF的区别如下: HSSF

Android中ActionBar以及menu的代码设置样式

Android中ActionBar以及menu的代码样式如何设置?今天麦子学院android开发老师主要介绍Android中ActionBar以及menu的代码设置样式,,有需求的朋友可以参阅下 menu有些xml代码 http://schemas.android.com/apk/res/android"> <="" div=""> android:title="查找1" android:orderInCategory

【温故而知新-Javascript】为DOM元素设置样式

1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式. 1.1 获得样式表的基本信息 第一步是获得定义在文档中的样式表的一些基本信息. <!DOCTYPE html> <html lang="en"> <head> <meta charse

Vue系列: 如何通过组件的属性props设置样式

比如我们要在vue中显示百度地图,然后将相关的代码包装成组件,然后需要由外部来设置组件的高度,关于props的介绍,可以参考: http://cn.vuejs.org/guide/components.html#Props 所以我在该组件的内部添加了mapHeight属性,如下: props:{ // 地图在该视图上的高度 mapHeight:{ type: Number, default: 200 } } 然后要在地图的div中通过样式设置该div的高度,,可以有以下三种方式: 第一种: <d

css如何匹配第几个li元素并设置样式

css如何匹配第几个li元素并设置样式:如果有一个li元素列表,如果想设置指定位置li的样式.这个在以前可能需要稍微麻烦一些,比如在这个要设置的li元素上添加一个class或者id之类.但是上面的方式不够灵活,下面介绍一下如何通过伪类选择器实现此功能.代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" con

JavaScript通过ID和name设置样式

JavaScript通过ID和name设置样式 1.说明 (1)依据所提供的元素的id值,返回对该元素的引用或节点 document.getElementById("tr_th") (2)依据參数中的标记,返回对一组元素的引用或节点 document.getElementsByTagName("td") 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

【使用 DOM】为DOM元素设置样式

1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>为DOM元素设置样式</title> <style title="core st