妙味——setStyle()

最新推荐文章于 2024-03-03 18:39:43 发布

转载最新推荐文章于 2024-03-03 18:39:43 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/baixc/p/3488288.html

文章标签：

#json

本文介绍了一种使用JavaScript动态修改HTML元素样式的简单方法，并通过一个具体的实例进行演示：将一个红色正方形背景颜色更改为绿色并调整其大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{width: 100px;height: 100px;background: red;}
</style>
<script>
function setStyle(obj,json){
    var attr = '';
    for(attr in json){
        obj.style[attr]=json[attr];
    };
};

window.onload=function(){
    var oDiv = document.getElementById('div1');

    setStyle(oDiv,{width:'200px',height:'200px',background:'green'});
}
</script>
</head>
<body>
    <div id="div1"></div>
</body>
</html>