cómo agregar una etiqueta h1 con gwt

Question

Bueno, la pregunta puede parecer estúpida, pero realmente no puedo entenderlo. ¿Cómo se puede agregar dinámicamente una etiqueta de encabezado html a su página utilizando el kit de herramientas web de google?

No quiero hacer esto por el estilo del encabezado ya que podría agregar cualquier estilo a cualquier etiqueta, es porque quiero usar el jqueryui accordion que funciona con un par de encabezado y panel de contenido.

¿Cómo puedo hacer esto?

Answer 1

---

Si esto se complica un poco por decir lo menos .... Aquí está el ejemplo easiast se me ocurre:

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

Si nos fijamos en los otros métodos de la Document.get().... encontrará métodos para crear todos los demás elementos HTML también.

Adición:

Esto podría ser aún más fácil:

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

Aquí está mi solución de Java:

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

Answer 3

También puede utilizar HTMLPanel y especificar qué etiqueta para su uso en el constructor:

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

debe producir

<h1>bla bla bla</h1>