dojo에서 div 태그로 요소를 둘러싸는 방법은 무엇입니까?div로 요소를 둘러싸는 방법
<button>Testing</button>
:
<div>
<button>Testing</button>
</div>
<div>Testing <span>something</span></div>
:
<div>
<div>Testing <span>something</span></div>
</div>
그것의 아주 간단
require(["dojo/dom-construct"], function(domConstruct){
var n = domConstruct.create("div", { innerHTML: "Testing <span>something</span>" });
});
마지막으로 내가 대답
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);
에 대한 모든 읽기 이 시합 :
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);
방법을 발견 그것은 here
나는 그것이 2013 년에 얼마나 모르겠지만, 요즘, 도장의 NodeList를-조작 기능을 사용하면 매우 쉽게 수행 할 수 있습니다.
을 감안할 때 :
<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 걸릴 수 있습니다.
그냥 innerHTML로 새 div를 만듭니다. 기존의 것을 대체하지는 않습니다. 그리고 innerHTML for button은 테스팅 전용이고 태그 이름은 무엇입니까 (
글쎄, 그 경우에는 innerhtml을 먼저 가져와 새 마크 업을 추가해야합니다. 그래서 내부에 일부 마크 업이있는 기존 div가 있다고 말하면 먼저 변수에 기존 마크 업을 복사 한 다음 상위 태그의 모든 내용을 바꿉니다 새로운 마크 업 흉상을 div의 innerHTML으로 사용하면 요청한대로 div 안에 래핑합니다. – varun
태그 이름이란 무슨 뜻인지 이해하지 못하겠습니까 ..... ?? – varun