2012-01-19 1 views
4

jQuery에서는 원시 HTML에서 DOM 노드를 쉽게 만들 수 있습니다. 이것은 템플릿을 사용할 때 특히 유용합니다.jQuery (html)과 동일한 Dojo 1.6은 무엇입니까?

Dojo에서 동일한 기능은 무엇입니까?

(참고 :. 나는 원시 HTML은 Underscore.js 템플릿에서 생성되는 도장에 jQuery를에서 무언가를 마이그레이션하고있어, 나는 그들을 멀리 던지는 않도록하고 싶습니다.)


[업데이트를 : 2012-01-19 7:17 pm GMT + 8] @esailija의 의견에 따르면 dojo.toDom은 실제로 jQuery (html)와 동일합니다. 불행히도 Dojo 1.7에만 추가되었지만 Dojo 1.6으로 고정. 버전을 반영하도록 질문을 업데이트했습니다.

답변

6

아마도 당신이 찾고있는 것은 dojo.placedojo._toDom의 조합입니다 (> = 1.7의 밑줄없이 사용 가능).

toDom 함수는 문자열을 가져 와서 DOM 요소 나 문서 조각으로 만듭니다.

n = dojo._toDom("<li>foo</li>");    // n is a single DOM node 
n = dojo._toDom("foo");      // n is a DOM text node 
n = dojo._toDom("<li>foo</li><li>bar</li>"); // n is a DOM document fragment 

또한 place 함수에는 문자열과 대상이 사용됩니다.

dojo.place("<li>foo</li>", dojo.byId("baz")); // li element is added to 
               // element with id "baz" 
dojo.place("<li>foo</li>", "baz");   // Same as above. 
dojo.place("foo", "baz");      // Note: Element with id "foo" 
               // is placed in element with 
               // id "baz" 
dojo.place(dojo._toDom("foo"), "baz");  // Text node "foo" is placed 
               // in element with id "baz" 

공지 사항 세 번째 예 : 문자열이 <로 시작하지 않는 경우, 그것은 다른 곳에서 문서의 요소의 id로 처리됩니다.

Btw 함수는 "first", "last", "replace", "before", "after"등의 세 번째 인수를 취합니다. create``로 전달에는 'html`가없는

http://dojotoolkit.org/reference-guide/dojo/place.html

+0

고마워요! Dojo에 대해 몰랐습니다 ._Dom() - Dojo가 매우 유용한 기능을 잃어 버렸다고 거의 불필요하게 불렀습니다. : p –

+1

@NikkiErwinRamirez NP. 그것은 실제로 도장 "개인"(따라서 밑줄)입니다. 그러나 나는 그들이 모든 사람들이 직접적으로 사용한다는 것을 깨달았습니다. 그래서 그들은 1.7에서 "공개"로 만들었습니다. – Frode

2

그 방법은 create입니다.

+1

, 그것은'대신 다른 과부하있는'jQuery를 (HTML) '의'jQuery를 (""소품)의 등가 같다. 그래서 [toDom] (http://livedocs.dojotoolkit.org/dojo/toDom)은 실제로'jQuery (html)'이고'create'는'jQuery ("", props)'입니다. – Esailija

+0

dojo.toDom은 실제로 jQuery (html)와 동일합니다. 불행히도 Dojo 1.7에만 추가되었지만 Dojo 1.6에 조금 붙어 있습니다. –

+1

dojo <1.7에서는 dojo._toDom입니다. 당신은 또한'dojo.place' (http://dojotoolkit.org/reference-guide/dojo/place.html)를 체크 아웃 할 수 있습니다. – Frode

관련 문제