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 oDiv=document.getElementById(‘div1‘);
    setStyle(oDiv,{
        ‘width‘:‘500px‘,
        ‘height‘:‘500px‘,
        ‘background‘:‘red‘,
        ‘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-07-31 21:21:58

json批量设置DIV属性的相关文章

JavaScript基础知识十五(原型链批量设置公有属性)

function Fn(){ this.x = 100; } /* 1.把原来原型指向的地址赋值给我们的pro,现在它们 操作的是同一个内存空间*/ var pro = Fn.prototype; pro.getA =function(){}; pro.getB =function(){}; pro.getC =function(){}; /*2.重构原型的方式->自己新开辟一个堆内存,存储我们公有的. 属性和方法,把浏览器原来给Fn.prototype开辟的那个替换掉*/ Fn.prototy

2.7原型链模式扩展-批量设置公有属性

重构原型对象的方式 function Fn(){ this.x = 100 } Fn.prototype = { constructor: Fn, a: function() {}, b:function(){}/;; } .var f1 = new Fn; 原文地址:https://www.cnblogs.com/z-dl/p/8929871.html

Html 使用技巧 -- 设置display属性可以使div隐藏后释放占用的页面空间

     div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显

div 属性 DIV标签属性有什么如何设置属性

div 属性 DIV标签属性有什么如何设置属性(音乐放松椅) div 属性介绍,对DIV可加属性有哪些,DIV属性一览表DIVCSS5整理 DIVCSS5给大家整理DIV标签内常用属性,同时通过div各属性小实例,让大家认识各属性并掌握属性. div标签内常用属性列表 1.style 设置css样式(扩展了解style标签) 2.align 设置div盒子内的内容居中.居左.居右 3.id 引人外部对应#(井号)选择符号样式 4.class 引人外部对应.(句号)选择符号样式 5.title 设

js练习-控制div属性

要开始练练js了,决定先按照Ferris大大的索引表一个个练,头一个就是控制div属性啦.看似挺简单的,不过平时jquery用惯了,用起来原生js还有点手生呢. 总之就是模仿加练习啦,先看看效果: 一.结构就是这样啦:(就是喜欢用a标签,任性.) <div id="smallBox01"> <a href="#" class="button01">变宽</a> <a href="#"

CSS如何设置div半透明效果

CSS如何设置div半透明效果:设置元素的透明度在很多应用中都有使用,下面就介绍一下如何设置一个元素为半透明,其他的透明效果自己衍伸就可以了.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t

如何设置data属性,如何设置data的值

如何设置data的类型,以及设置data的值 步骤: 首先声明一个参数,参数定义获取html标签名div,如下: var Div = document.getElementsByTagName('div')[0]; 接下来,我们定义一个data类型data-link;然后在js内通过setAttribute设置属性和值. Div.setAttribute('data-link','http://www.cnblogs.com/hao5599/'); // <div id="my_test&

如何设置DIV水平、垂直居中

一.水平居中 需要设置两点: 1  设置DIV 的width属性即宽度. 2  设置div的margin-left和margin-right属性即可 代码: <div style="width:800px; margin-left:auto; margin-right:auto; color:White; height:400px">DIV居中</div> 二.DIV垂直居中 同样的道理,需要设置两点: 1  设置DIV 的height属性即宽度. 2  设置d

第一课 1) 控制div属性 总结

1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>控制div属性</title> 7 <style> 8 #outer { 9 width: 500px; 10 margin: 0 auto; 11 padding: 0; 12 text-align: center; 1