JavaScript 怎么获取元素的宽度 ？

JavaScript013

JavaScript 怎么获取元素的宽度 ？,第1张

javascript获取元素的高度：

var obj = document.getElementById("test")

alert(obj.height + "\n" + obj.width)

// 200px 200px typeof=string只是将style属性中的值显示出来

扩展：

获取元素的实际大小

clientWidth和clientHeight

这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。返回了元素大小，但没有单位，默认单位是px，如果你强行设置了单位，比如100em之类，它还是会返回px的大小。(CSS获取的话，是照着你设置的样式获取)。对于元素的实际大小，clientWidth和clientHeight理解方式如下：

a. 增加边框，无变化；

b. 增加外边距，无变化；

c. 增加滚动条，最终值等于原本大小减去滚动条的大小；

d. 增加内边距，最终值等于原本大小加上内边距的大小；

javascript获取元素的高度： var obj = document.getElementById("test")alert(obj.height + "\n" + obj.width)// 200px 200px typeof=string只是将style属性中的值显示出来 扩展： 获取元素的实际大小 clientWidth和clientHeight 这组属性