JS无法取得display:none元素的宽高

     需求：鼠标点击某处后，显示隐藏的div。因需定位div位置，所以需要获取div的宽高。

     问题：第一次点击显示总是出错，以后则正常。

     原因：初始化时div.style.display="none"。用display：none表示不占用空间，元素没有物理尺寸。因此原生JS无法获得display：none的元素的宽高。

    解决方案：初始化时用 visibility:hidden;来代替。使能js能获得元素尺寸。后面再将visibility与display设置正常。

  但一般js的框架，库都已经封装了这个方法，比如jQ，我们可以直接使用 height()和width()方法获取隐藏元素的尺寸。