javascript - 如何在sencha touch 2中获得div的高度？

Question

我需要得到一个div的高度

我用普通的js做到了，比如：

var inner = document.getElementById("inner").offsetHeight;

但是，当我在另一个选项卡中时不起作用，所以我尝试使用Ext.

我试试这个，但不起作用：

var innerdiv = Ext.DomQuery.selectNode("inner");

var inner = innerdiv.getHeight();

我找不到任何例子。

哪个是获得 div 高度的最佳方法？

Answer 1

试试喜欢

Ext.DomQuery.selectNode("#test").offsetHeight

Answer 2

使用时Ext.DomQuery.selectNode，您必须正确选择选择器。如果inner是 ID，则需要#在其前面添加：

var innerHeight = Ext.DomQuery.selectNode("#inner").getHeight();

Answer 3

我在这里找到了一个工作示例。

var dimSz = Ext.get('dim-sizing');
var padding = dimSz.getPadding('lrtb'); // has value of 0px
var border = dimSz.getBorderWidth('lrtb'); // has value of 0px
var height = dimSz.getHeight(); // has value of 1691px
var width = dimSz.getWidth(); // has value of 895px

首先使用 Ext.get 获取 DIV id，然后使用函数获取其维度。

如果 DIV 在不同的（不可见）选项卡中仍然不起作用，（可能是因为 DIV 的高度为 0）