javascript - Applying chaining pattern to creation of an element and its children? -


मेरे पास एक फ़ंक्शन है

  फ़ंक्शन बनायें एलिमेंट (नाम, मान, मूल) {var ele = document.createElement (नाम); ele.innerHTML = मूल्य; parent.appendChild (हाथी); वापस लौ; }   

जो तत्व बनाता है, एक मान जोड़ता है और उसके माता-पिता को जोड़ता है। अब मैं इसे चेननीय बनाना चाहता था, जहां आप उसी ऑब्जेक्ट पर कई बार फंक्शन कॉल करते हैं।

& lt; div & gt; & lt; span & gt; & lt; / span & gt; & lt; / div & gt; का निर्माण करने के लिए, उपरोक्त कार्य का उपयोग करना

  var div1 = createElement ('div', 'div1', document.body); Var span = create एलेमेंट ('span', 'span', div1);   

इसलिए चेनिंग के माध्यम से अपेक्षित उत्पादन प्राप्त करने के लिए, उदाहरण के लिए, मैं

  document.body.createChild ('div', 'div ') .createchild (' a ',' anchor ')   

एक ?? | और इसी तरह, जहां createChild फ़ंक्शन दो मापदंडों का नाम लेता है तत्व और पाठ मान।

यदि आप रुचि रखते हैं कि कैसे जेएस में एक चेनिंग पैटर्न बनाने के लिए यहां एक उदाहरण है:

  var चेन = फ़ंक्शन (एएल) {वापसी {createElement: function (name, value) {var ele = document.createElement (name); ele.innerHTML = मूल्य; el.appendChild (हाथी); वापसी श्रृंखला (हाथी); }}; }; var el = document.getElementById ('परीक्षण'); श्रृंखला (एल) .createElement ( 'div', 'Div1') createElement ( 'काल', 'स्पैन')।   

जिसके परिणामस्वरूप

  
id = "test" & gt; & lt; div & gt; div1 & lt; span & gt; स्पैन & lt; / span & gt; & lt; / div & gt; & lt; / div & gt;

लेकिन अगर आप श्रृंखला की सूची को एक तत्व में करना चाहते हैं, तो आपको कुछ प्रशंसक की आवश्यकता होगी या इस उदाहरण के लिए

  var उल = चेन (उल); ul.createElement ('ली', '1'); ul.createElement ('ली', '2');    

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

Installing croogo for cakephp -

c# - Use custom conventions when persisting Rebus sagas in MongoDb -