即时在 gwt 中创建 span 元素答案

【问题标题】：creating a span element in gwt on the fly即时在 gwt 中创建 span 元素
【发布时间】：2017-01-06 13:20:59
【问题描述】：

用户一开始输入 div ，我就需要在 div 中创建一个 span 元素。我已将 div 的 contenteditable 属性设置为 true，但由于这个原因，输入的文本正在成为 div 的一部分，而不是我尝试使用 spanelement.focus() 方法的跨度，但它并没有解决我的问题。

这是我的示例代码 sn-p ：

Element div = DOM.createDiv();
div.setClassName("intelliTextField");
div.setId("intelliTextField");
div.setAttribute("contenteditable", "true");

SpanElement span =div.appendChild(Document.get().createSpanElement());    
initialSpan.setAttribute("contenteditable", "true");

只要用户开始输入 div，我就会将此 span 元素附加到 div。但是输入的文本正在成为 div 的一部分，而不是 span。

任何帮助？

【问题讨论】：

如果回答正确请采纳

标签： html gwt

【解决方案1】：

你是这个意思吗？

Element div = DOM.createDiv();
div.setClassName("intelliTextField");
div.setId("intelliTextField");
div.setAttribute("contenteditable", "true");

Element spanElement = DOM.createSpan();
SpanElement mySpanElement = SpanElement.as(spanElement )
//do some job on SpanElement
DOM.appendChild(div, mySpanElement);

当然你可以省略创建 SpanElement 对象，直接通过 appendChild 将 spanElement 放入 div 中

【讨论】：