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 -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -