javascript - removing and appending a node -


मैं नीचे span तत्वों से div (< कोड> & lt; div id = 'foo' & gt; ) और उनमें से प्रत्येक के बजाय नए बनाए गए नोड्स को जोड़ें।

मैं div के सभी बच्चों को पार करने के लिए एक पाश का उपयोग कर रहा हूं , और प्रत्येक नोड के लिए मैं इसे removeChild से हटा रहा हूं और एक नव निर्मित नोड को जोड़ रहा हूं।

मुझे ओ / पी के रूप में

  & lt; div id = 'foo' & gt; & Lt; स्पैन & gt; नया पाठ & lt; / SPAN & gt; & Lt; / div & gt;  

मुझे ओ / पी जैसा निम्न प्रकार है

  & lt; div id = 'foo' & gt; & Lt; स्पैन & gt; नया पाठ & lt; / SPAN & gt; & Lt; स्पैन & gt; नया पाठ & lt; / SPAN & gt; & Lt; स्पैन & gt; नया पाठ & lt; / SPAN & gt; & Lt; / div & gt;  

समस्या का कोड निम्नानुसार है

  & lt;! DOCTYPE HTML PUBLIC "- // W3C // DTD एचटीएमएल 4.0 ट्रांसक्रिप्शन // एन" & gt ; & LT; एचटीएमएल & gt; & Lt; HEAD & gt; & Lt; title & gt; नया दस्तावेज़ & lt; / TITLE & gt; & Lt; मेटा नाम = "जेनरेटर" CONTENT = "EditPlus" & gt; & Lt; मेटा नाम = "लेखक" सामग्री = "" & gt; & Lt; मेटा नाम = "कीवर्ड" CONTENT = "" & gt; & Lt; मेटा नाम = "विवरण" सामग्री = "" & gt; & Lt; / HEAD & gt; & LT; body & gt; & Lt; div id = 'foo' & gt; अनुवाद की दुनिया में & lt; SPAN & gt; आपका स्वागत है। & Lt; / SPAN & gt; & Lt; SPAN & gt; इसे प्रयोग करने के लिए धन्यवाद & lt; / SPAN & gt; & Lt; SPAN & gt; फिर से जाएं & lt; / SPAN & gt; & Lt; / div & gt; & Lt; तालिका सीमा = "0" कोशिकाक्षेत्र = "5" सेलपैडिंग = "0" वर्ग = "लिपी-हैदर-लोगो-मेन्यू" & gt; & LT; टीआर & gt; & Lt; td align = "left" & gt; & LT; स्पैन & gt; हैलो & lt; / स्पैन & gt; & Lt; / टीडी & gt; & Lt; td align = "left" & gt; विश्व पर्याप्त नहीं है & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; & Lt; div & gt; & lt; a href = "एए" id = "id" & gt; यह एक परीक्षण है & lt; / a & gt; & lt; / div & gt; & LT; स्क्रिप्ट & gt; Var तत्व = document.getElementById ('foo'); Seg = document.createElement ('SPAN'); Root_1_SPAN_1_text = document.createTextNode ('नया टेक्स्ट'); seg.appendChild (root_1_SPAN_1_text); यदि (element.hasChildNodes ()) {var children = element.childNodes; के लिए (var i = 0; i & lt; children.length; i ++) {यदि (बच्चों [i] .nodeName == "# text") {continue; } Element.removeChild (बच्चों [i]); element.appendChild (SEG); }; }; & Lt; / स्क्रिप्ट & gt; & Lt; / body & gt; & Lt; / एचटीएमएल & gt;  

अग्रिम धन्यवाद

आप फिर से जोड़ रहे हैं हर बार एक ही नोड, जो इसे स्थानांतरित करता है (यह इसे कॉपी नहीं करता है)

इसे बदलें:

  element.appendChild (seg);  

इस

  element.appendChild (seg.cloneNode (सच));  

Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -