如何在div中包圍元素

Question

如何在dojo中用div標籤包圍元素？

<button>Testing</button> 
: 
<div> 
<button>Testing</button> 
</div> 


<div>Testing <span>something</span></div> 
: 
<div> 
<div>Testing <span>something</span></div> 
</div> 

Answer 1

它相當簡單

require(["dojo/dom-construct"], function(domConstruct){ 
     var n = domConstruct.create("div", { innerHTML: "Testing <span>something</span>" }); 
    }); 

閱讀所有關於它here

Answer 2

終於讓我找到答案

Surrounding

var node = domConstruct.create("div"); 
dojo.addClass(node,"container"); 
var refNode = dom.byId("refNode"); 
var tagName = refNode.tagName.toLowerCase(); 
node.innerHTML="<"+tagName+">"+refNode.innerHTML+"</"+tagName+">"; 
domConstruct.place(node, refNode,"before"); 
domConstruct.destroy(refNode); 

Answer 3

如何一布特這樣的：

var refNode = dom.byId("refNode"); 
// make the new div, with the correct class, directly after the node to be wrapped 
var node = domConstruct.create("div", {"class":"container"}, refNode, "after"); 
// move the refNode inside our wrapping node 
domContruct.place(refNode, node); 

Answer 4

我不知道它是如何在2013年，但這些天，道場的節點列表，操作功能，可以讓你做到這一點很容易。

考慮：

<b>one</b> 
<b>two</b> 

用途：

require(["dojo/query", "dojo/NodeList-manipulate"], function(query){ 
    query("b").wrap("<div><span></span></div>"); 
}); 

輸出：

<div><span><b>one</b></span></div> 
<div><span><b>two</b></span></div> 

這個例子是從文檔here服用。