JavaScript获取元素尺寸和大小操作总结_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:50:03

JavaScript获取元素尺寸和大小操作总结_javascript技巧

JavaScript获取元素尺寸和大小操作总结_javascript技巧:一、获取元素的行内样式代码如下: var obj = document.getElementById(test); alert(obj.height + \n + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来二、获取计算后的样式代码如下: var obj

推荐度：

点击下载本文 文档为doc格式

导读JavaScript获取元素尺寸和大小操作总结_javascript技巧:一、获取元素的行内样式代码如下: var obj = document.getElementById(test); alert(obj.height + \n + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来二、获取计算后的样式代码如下: var obj

一、获取元素的行内样式

代码如下:
var obj = document.getElementById("test");
alert(obj.height + "\n" + obj.width);
// 200px 200px typeof=string只是将style属性中的值显示出来

二、获取计算后的样式

代码如下:
var obj = document.getElementById("test");
var style = null;
if (window.getComputedStyle) {
style = window.getComputedStyle(obj, null); // 非IE
} else {
style = obj.currentStyle; // IE
}
alert("width=" + style.width + "\nheight=" + style.height);

注意：如果不设置元素的宽度和高度，那么在非IE浏览器下返回默认的宽度和高度。在IE下面返回auto字符串

三、获取和

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top