如何通过js给div的style动态赋值

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#div2').height($('#div1').height())。

3、浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

<div style="width:300pxheight:300pxborder:1px solid #cccccctext-align:center">这里是文字</div>

解释说明：

1、<div></div>是一个闭合的标签，中间写你的内容，内容可以是文字，图片、链接等等

2、<div style="width:300pxheight:300pxborder:1px solid #cccccctext-align:center">是定义这个DIV的样式。

3、style 内写css样式。width是宽度，height是高度，border是边框。text-align:center是文字水平居中。

上面只是一个简单的例子，相信你应该能明白了DIV的简单局部和代码。