2009-03-26 4 views
5

मैं एक निम्न स्थिर div है:Dojo का उपयोग कर गतिशील रूप से एक div जोड़ने के लिए कैसे?

<body> 
    <div id="div1"></div> 
.... 

मैं गतिशील डोजो का उपयोग करके आईडी "div1_1" div1 भीतर के साथ एक div जोड़ना चाहते हैं। मैं यह कैसे कर सकता हूं?

+0

आंतरिक div जो मैं पसंद करता हूं वह लंबवत और क्षैतिज केंद्रित है। –

+0

Dojo 0.9+ या पुराने 0.4 के साथ? – kazanaki

उत्तर

12

तुम कुछ भी शामिल करने के लिए सिर्फ डोजो बेस — कोई जरूरत का उपयोग कर ऐसा कर सकते हैं, यदि आप ट्रंक या डोजो 1.3 का उपयोग करें:

dojo.create("div", {id: "div1_1"}, "div1"); 

इस लाइन आईडी "div1_1" और संलग्न कर देता है के साथ एक div बनाता है आईडी "div1" के साथ तत्व के लिए। जाहिर है आप — में the documentation for dojo.create() में इसके बारे में सभी को और अधिक विशेषताओं और शैलियों को जोड़ सकते हैं।

0
dojo.html.set(dojo.byId("div1"), "<div id='div1_1'></div>"); 
+0

मुझे लगता है कि मुझे dojo.html के लिए dojo.request ("...") जोड़ने की जरूरत है। पैकेज क्या है? –

+0

क्षमा करें, यह dojo.require (...) –

+0

जैसा कुछ होना चाहिए: dojo.require ("dojo.html"); –

0
var divNode = document.createElement("div"); 
divNode.id = "div1_1"; 
document.body.appendChild(divNode); 

यह एक अच्छा तरीका यह कुछ नोड IE7 में मुद्दों को संदर्भित पिछले पाने में मदद करता है और आप बाद divNode के संदर्भ में उपयोग करने के लिए जारी रख सकते हैं है।

+0

इस प्रदर्शन का उपयोग एक त्रुटि: 'div' निर्माण नहीं मिल रहा है। –

+0

divNode, div नहीं। – Dereckson

4

एक और लचीला dojo.place का उपयोग कर विकल्प:

dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only"); 
3
// dojo 1.7+ (AMD) 
var n = domConstruct.create("div"); 
// dojo < 1.7 
var n = dojo.create("div"); 
2

dojo/dom-construct भी नए नोड्स बनाने के लिए इस्तेमाल किया जा सकता है।

एक नमूना उपयोग निम्नानुसार है;

require([ "dojo/dom-construct", "dojo/_base/window" ], function(
     domConstruct, win) { 
    // creates a new div and append it as the last child of the body 
    domConstruct.create("div", null, win.body())); 
}); 

डोजो/डोम-निर्माण तर्क

  1. टैग (div, ज, img, ली आदि)
  2. विशेषताएं (नई नोड्स जिम्मेदार बताते हैं)
  3. संदर्भ नोड हैं (जहां जगह नए नोड)
  4. स्थान (डिफ़ॉल्ट पिछले)

आप जाँच कर सकते हैं अधिक जानकारी के लिए प्रलेखन बाहर।

संबंधित मुद्दे