css获得浏览器宽高,Chrome浏览器中用JS获取表格及其元素的CSS宽高

虽然现在表格用的很少了，但是某些写东西还是需要用到的。

今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷啊。

找了足足有半个小时原因，终于找到了，在chrome中获取单元格CSS高度时出现了不同。

原因： 各浏览器对表格的执行结果不同

解决方法：

后来对表格的CSS参数获取进行了具体的测试，发现对TABLE进行border-collapse:collapse;设定，对TR和TD进行display:block;设定，这时再去获取任意元素的宽高，各浏览器都会是一致的，如果不这样设置，可以说个中浏览器获取结果都有差异。

我自己犯的的错误是TD没有设置display:block;

具体测试代码如下：

注意：F$("").css("") 这只是我自己整理的一个小型框架，和Jquery写法相同。

其他方法：

.scrollWidth获取的结果差异化更大，当时因为我要取的单元格中都是用CSS定义了宽高的，所以没有详细研究这类方法。