您的当前位置:首页JavaScript获取元素尺寸和大小操作总结_javascript技巧
广告

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

2023-12-02 来源:旭新科技网

一、获取元素的行内样式

代码如下:var obj = document.getElementById("test");alert(obj.height + "" + 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 + "height=" + style.height);

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

三、获取和