如何在javascript中向HTML结构中插入元素

从我的小部件编译GWT客户端之后，我得到以下结构

<td align="left" width="100%" class="gwt-TabBarRest-wrapper" style="vertical-align: bottom;"><div class="gwt-TabBarRest" style="white-space: normal; height: 100%;">&nbsp;</div></td>

---

您可以在JQuery中使用.html方法来实现这一点，该方法允许您设置html元素的内容

$("div.gwt-TabBarRest").html('<button type="button" class="gwt-Button helpButton"></button>');

$（“div.gwt-TabBarRest”）.html（“”）；

首先为您的

div

设置一个

Id

您的html现在看起来像这样

现在使用以下代码段

Button button = new Button();
....
....

RootPanel.get("some_id").add(button);

---

像这样的方法应该会奏效：

    ButtonElement buttonEl = DOM.createButton().cast();
    buttonEl.setInnerHTML("MyButton01");
    Element el = DOM.getElementById("myButtonPlace");
    el.appendChild(buttonEl);
    DOM.sinkEvents(el, Event.ONCLICK | Event.ONMOUSEOVER);
    DOM.sinkEvents(buttonEl, Event.ONCLICK | Event.ONMOUSEOVER);
    DOM.setEventListener(buttonEl,
                         new EventListener() {
                            @Override
                            public void onBrowserEvent(Event event) {
                                GWT.debugger();
                                switch (DOM.eventGetType(event)) {
                                    case Event.ONCLICK: GWT.log("you clicked the button");
                                    break;
                                    case Event.ONMOUSEOVER: GWT.log("the mouse is over the button");
                                    break;
                                }
                            }
                        });

    ButtonElement buttonEl = DOM.createButton().cast();
    buttonEl.setInnerHTML("MyButton01");
    Element el = DOM.getElementById("myButtonPlace");
    el.appendChild(buttonEl);
    DOM.sinkEvents(el, Event.ONCLICK | Event.ONMOUSEOVER);
    DOM.sinkEvents(buttonEl, Event.ONCLICK | Event.ONMOUSEOVER);
    DOM.setEventListener(buttonEl,
                         new EventListener() {
                            @Override
                            public void onBrowserEvent(Event event) {
                                GWT.debugger();
                                switch (DOM.eventGetType(event)) {
                                    case Event.ONCLICK: GWT.log("you clicked the button");
                                    break;
                                    case Event.ONMOUSEOVER: GWT.log("the mouse is over the button");
                                    break;
                                }
                            }
                        });