Javascript GWT计算div中的行数

可能重复：

我在页面布局中有一个div，用户将在其中输入文本：

 <div> user text will go here </div>

用户文本将转到此处

我想在用户输入文本后计算div在布局中实际占用的文本行数。请注意，这将根据屏幕分辨率或窗口大小而变化

有没有办法做到这一点

更好的是，有没有办法获得以像素为单位的div高度

我正在使用GWT，但JavaScript解决方案也可以

谢谢

更好的是，有没有办法获得以像素为单位的div高度

如果您有一个

com.google.gwt.user.client.Element

，那么只需调用

element.getClientHeight()

从getClientHeight（）的Javadoc：

返回元素的内部高度（以像素为单位），包括填充，但不包括 水平滚动条的高度、边框或边距

如果您有一个小部件，例如

com.google.gwt.user.client.ui.Label

，请使用

label.getElement().getClientHeight()

在某些情况下，在

Scheduler.scheduleDeferred

中调用此函数可能会很有用，以确保在执行高度计算之前应用了所有样式

更好的是，有没有办法获得以像素为单位的div高度

如果您有一个

com.google.gwt.user.client.Element

，那么只需调用

element.getClientHeight()

从getClientHeight（）的Javadoc：

返回元素的内部高度（以像素为单位），包括填充，但不包括 水平滚动条的高度、边框或边距

如果您有一个小部件，例如

com.google.gwt.user.client.ui.Label

，请使用

label.getElement().getClientHeight()

---

在某些情况下，在

调度程序.schedulederferred

中调用此函数可能会很有用，以确保在执行高度计算之前应用了所有样式。

Javascript回答：Javascript回答：如Chris所建议的，一旦有了div高度，如果需要，您可以将它除以line height属性以获得行数。此外，您还可以直接在小部件上调用GetOffsetSight（），而不获取其元素。@Andrei：这一点很好。但是请注意，

getOffsetHeight（）

在小部件上可用，而

getClientHeight（）

（在这种情况下是正确的）不可用。只要div上没有填充/边框，它就是相同的值。一旦你有了div高度，正如Chris所建议的，你可以将它除以line height属性，得到你需要的行数。另外，你可以直接在小部件上调用getOffsetHeight（），而不需要得到它的元素。@Andrei：这一点很好。但是请注意，

getOffsetHeight（）

在小部件上可用，而

getClientHeight（）

（在这种情况下是正确的）不可用。只要div上没有填充/边框，它就是相同的值。