javascript - 在 GWT 中按属性获取 DOM 元素？

Question

我想将 GWT 中的元素添加到静态 html 页面的以下元素中:

<div data-id="test"></div>

我什么时候会用这个:

<div id="test"></div>

然后我可以通过以下方式访问该元素:

RootPanel.get("test").add(someElement);

这仅在我使用 id 属性时有效。

我如何访问一个使用像我在第一个示例中展示的 data-id 属性的元素，并在其上附加一个面板或小部件？

Answer 1

如果不需要支持IE6/7，那么可以用JSNI:

Element querySelector(String selectors) /*-{
  return $doc.querySelector(selectors);
}-*/;

参见 http://caniuse.com/queryselector用于兼容表。

也许 GWT 3.0 会将此添加到 GWT 中，因为 IE6/7 支持肯定会被删除(它仅在 GWT 2.6 中默认禁用)

现在您已经获得了 Element，但不幸的是没有 RootPanel.get(Element) 方法，因此您获得面板小部件的唯一方法是您可以向其中添加其他小部件是使用 HTMLPanel.wrap(Element)。