在gwt上快速創建span元素

Question

只要用戶開始在div中鍵入，我需要在div內創建一個span元素。我已經將div的contenteditable屬性設置爲true，但由於這樣，輸入的文本正在成爲div的一部分，而不是我嘗試使用spanelement.focus（）方法的跨度，但它並未解決我的問題。

這是我的示例代碼段：

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.But輸入的文本將成爲DIV的一部分，而不是跨越儘快的div 。

任何幫助？

Answer 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中成格