gwt - 从 GWT 修改样式

Question

我执行了，但只有 FF 和 chrome 将文本区域从顶部移动 0px，从左侧移动 0px，但在 IE 中文本区域处于默认位置。

这是我的代码:

public class MyGWT implements EntryPoint {

   TextArea ta= TextArea.wrap(DOM.getElementById("t"));

   public void onModuleLoad() {

     ta.getElement().setAttribute("style", "position:absolute;top:0px;left:0px;");
   }

}

是否有任何错误或如何通过 GWT 以编程方式更改样式属性？

Answer 1

不要通过setAttribute设置style。在 JavaScript 中，样式属性实际上是一个数组。因此，根据浏览器的智能程度以及对您想要设置样式属性的理解程度，它将通过设置 style 来工作，否则将不起作用。

您应该通过getElement().getStyle().setProperty()单独设置样式属性。或者使用特定方法，例如:ta.getElement().getStyle().setPosition(Position.ABSOLUTE) 或通过 setProperty 方法:ta.getElement().getStyle()。 setProperty(“位置”，“绝对”)。其他 2 个属性也是如此。请参阅 Style 类以了解支持哪些特定方法。