js设置块级标签的宽度，js块级元素

js中如何取得一个div的width?注意此css的width是在中设置的。

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

var img = document.getElementById(imgId)；var rect = img.getBoundingClientRect()；alert(rect.width+，+rect.height) //实际显示的高度和宽度，不管是通过css或width属性设置的。

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

注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。

相关问答

Q1: 行内元素和块级元素的区别有哪些?

1、块级元素（Block-level element）：默认情况下，大多数 HTML 元素都是块级元素，如 、、 等。它们会占据一整行的空间，可以设置宽度、高度、边距、内边距等属性，并且可以包含其他块级元素或行内元素。

2、总结 不管块级元素还是行内元素，区别主要是三个方面：一是排列方式，二是宽高边距设置，三是默认宽度。块级元素会独占一行，而内联元素和内联块元素则会在一行内显示。

3、块级元素：block element 每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。

Q2: js设置元素宽度

变量没什么问题的，你看看，这个s有没有值，是不是加载js时，还没到body那儿，也就计算不出客户端的宽度。

js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

通过js动态获取屏幕的宽度（document.clientWidth）然后根据屏幕宽度动态计算出rem的实际值。

js设置块级标签的宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js块级元素、js设置块级标签的宽度的信息别忘了在本站进行查找喔。