js如何设置div高度和宽度，js动态改变div宽高

javascript中如何同时设置一个div的多个属性

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签，输入js代码：(body).append(div id=a style=color：bluediv内容/div)；浏览器运行index.html页面，此时div以及它的id属性和颜色属性一起被拼接到html中了。

2、使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

3、JavaScript 来改变带有指定 class 的 HTML 元素。class 属性不能在以下 HTML 元素中使用：base， head， html， meta， param， script， style 以及 title。提示：可以给 HTML 元素赋予多个 class，例如：span class=left_menu important。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

4、利用JavaScript动态添加Div的方式有很多，一下是个比较常用的。

5、javascript jquery，一个div 有多个class属性。怎样找出其中的以aaa开头的class属性的名称。

6、因为float是Javascript的保留字，不能直接使用obj.style.float来使用，这样操作是无效的。其正确的使用方法是为：IE：obj.style.styleFloat，其他浏览器Mozilla(gecko)，ff等用styleFloat：obj.style.cssFloat。

相关问答

Q1: js给div宽度赋值

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

完美的解决办法是用css，比如：div id=divOne style=width：50%； height：50vw； background-color：red/div 缺点就是只有支持css3的浏览器（比如chrome、FireFox等）才有效果。

修改div高度，可以直接给div的width赋值即可。

需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

#063；}/style /head body div class=content/div ！--viewport：可视窗口，也就是浏览器。

代码大致如下供参考：var image=new Image()；image.src=//你的背景图片的src；var divelement = document.getElementById(你的div的id)；divelement.style.height=(image.height*divelement.offsetWidth)/image.width + px；几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。

Q2: js获取div的宽度,并将高度设置为宽度的60%

1、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

2、html中有一个div和一个按钮。该按钮用于触发div高度的改变。按钮事件功能如图所示。我们先用jquery的width方法获取div的当前宽度。然后计算div的高度。假设高度应该设置为宽度的60%，我们将x0.6。方法最后使用jquery的css方法设置其高度。运行页面，查看当前div的宽度和高度。

3、#063；}/style /head body div class=content/div ！--viewport：可视窗口，也就是浏览器。

Q3: js如何计算并赋予DIV高度

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

如何用js得到div的高度 functionadjustcolumnheight(){ varmaincol=window.document.getelementbyid(主列)；varleftcol=window.document.getelementbyid(MainLeft varrightcol=window.document.getelementbyid(MainRight varhMainCol=mainCol。

修改div高度，可以直接给div的width赋值即可。

js如何设置div高度和宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js动态改变div宽高、js如何设置div高度和宽度的信息别忘了在本站进行查找喔。