实现方式：
style.height----offsetHeight,style.width----offsetWidth
第一种情况：
宽高都写在样式表里，就比如 #div1{width:120px;height:100px;}。
获取id=‘div1’的宽和高，如何实现？
通过document.getElementById('div1').style.height/width，返回值为空，即获取不到宽和高；
必须通过document.getElementById('div1').offsetHeight/offsetWidth
第二种情况：
宽和高写在行内，如style="width:120px;height:100px;"
上述2个方法都能获取到宽度和高度
两者的区别：
通过style.attr的方式取值有限制条件：即要获取的属性必须在行内样式中声明；而id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，都能获取到元素的宽和高；
offsetWidth/offsetHeight=容器宽度+两侧边框宽度，返回值是数值；而style.attr返回的就是div的宽度，返回值是数值+"px"。
写在最后
哪位大佬如若发现文章存在纰漏之处或需要补充更多内容，欢迎留言！！！