java - GWT:解析 CSS 样式属性

Question

我正在使用 gwt 创建一个表格，我在其中添加了一些边框。外汇

DOM.setStyleAttribute(cellElement, "border-left", "solid");
DOM.setStyleAttribute(cellElement, "border-right", "double");
...

不同的浏览器会设置非常不同的样式。尤其是边界属性。可能是

border-left: solid 1px;
border-right: double 2px;

或

border-style-left: solid;
border-width-left: 1px;
border-style-right: double;
border-width-left: 2px;

甚至作为一个单一的属性(property)

border: solid none double none;
...

是否可以通过某种方式解析这些不同的书写方式，以便更容易找到表格的边框属性。像这样的东西:

border-left: solid;
border-top: none;
border-right: double;
border-bottom: none;
border-width-left: 1px;
border-width-top: 1px;
...

解析应该在客户端完成

Answer 1

currentStyle / getComputedStyle()只要元素已经呈现，就会对此有所帮助。您需要编写一个 JSNI 方法来访问它，因为在 DOM 包中似乎没有用于此的 API 包装器。