如何使用gwt添加h1标签

时间:2012-02-15 21:29:01

标签: html jquery-ui gwt

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

我不想为标题的样式执行此操作,因为我可以向任何标签添加任何样式,这是因为我想使用jqueryui accordion它与一对标题和内容面板一起使用

我该怎么做?

3 个答案:

答案 0 :(得分:19)


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

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);

答案 1 :(得分:11)

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

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

应该产生

<h1>bla bla bla</h1>

答案 2 :(得分:-1)

这是我的Java解决方案:

InlineHTML h6_Text = InlineHTML.wrap(Document.get().createHElement(6));
h6_Text.setText("The text between <h6> and </h6>");