如何使用gwt添加h1标签

Question

那问题可能看起来很愚蠢,但我真的无法理解.如何使用Google Web工具包动态地将html标题标记添加到您的页面.

我不想为标题的样式做这个,因为我可以为任何标签添加任何样式,这是因为我想使用jqueryui手风琴它与一对标题和内容面板一起使用.

我怎样才能做到这一点？

Answer 1

是的,至少可以说这有点复杂......这是我能想到的最简单的例子:

import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.HeadingElement;

...

HeadingElement headingElement = Document.get().createHElement(1);
headingElement.setInnerText("This is a Heading1 (h1) element!");
RootPanel.get().getElement().appendChild(headingElement);

如果您查看其他方法,Document.get()....您将找到创建所有其他HTML元素的方法.

加成:

这可能更容易:

import com.google.gwt.user.client.ui.HTML;
.....
HTML headingElement= new HTML();
headingElement.setHTML("<h1>This is a Heading1 (h1) element!</h1>");        
RootPanel.get().getElement().appendChild(headingElement);

Answer 2

您还可以使用HTMLPanel并指定在构造函数中使用哪个标记:

HTMLPanel header = new HTMLPanel ("h1", "bla bla bla");

应该产生

<h1>bla bla bla</h1>