JavaScript 怎么获取元素的宽度？

2024-11-28 08:35:43

推荐回答（5个）

回答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. 增加内边距，最终值等于原本大小加上内边距的大小；

回答2：

js都会将%转成具体的像素值。如果你需要获取具体的%。可以这样：

var _divwidth=$('#div').width();//获取元素的宽度
var _width=$('body').width();//获取窗体的宽度
var width_bfb=(_divwidth/_width)*100+"%";//转换

回答3：


    #aaa {height:200px;width:80%;background:aqua}



    asdfasfkdjk

回答4：

假设，有如下 html 代码：





我的第一段 JavaScript


JavaScript 能改变 HTML 元素的内容。

点击这里

则获取 div 元素的百分比宽度代码如下：

效果如图：

回答5：



  
		
		
		<br>			RunJS 演示代码<br>		
		
		
  
	
    
			div1

JavaScript 怎么获取元素的宽度 ？

我的第一段 JavaScript

JavaScript 怎么获取元素的宽度？