मार्कअप स्ट्रिंग से नोड बनाएं

Question

जावास्क्रिप्ट में मार्कअप स्ट्रिंग को नोड ऑब्जेक्ट में कनवर्ट करने का कोई तरीका है? असल में मैं के लिए subsitute रहा हूँ:

document.getElementById("divOne").innerHTML += "<table><tbody><tr><td><input type='text' value='0' /></td></tr></tbody></table>" 

कुछ

तरह

document.getElementById("divOne").appendChild(document.createNodeFromString("<table><tbody><tr><td><input type='text' value='0' /></td></tr></tbody></table>")) 

बल्कि createNodeFromString तालिका तत्व बनाने तब तो इसकी बच्चे तत्वों संलग्न उनके संबंधित विशेषताओं और मूल्यों देते हैं का उपयोग कर!

Answer 1

इसके लिए कोई मौजूदा क्रॉस-ब्राउज़र फ़ंक्शन नहीं है।

function appendStringAsNodes(element, html) { 
    var frag = document.createDocumentFragment(), 
     tmp = document.createElement('body'), child; 
    tmp.innerHTML = html; 
    // Append elements in a loop to a DocumentFragment, so that the browser does 
    // not re-render the document for each node 
    while (child = tmp.firstChild) { 
     frag.appendChild(child); 
    } 
    element.appendChild(frag); // Now, append all elements at once 
    frag = tmp = null; 
} 

उपयोग (पठनीयता के लिए दांतेदार बनाना): निम्न विधि वांछित प्रभाव (एक अनुकूलित प्रदर्शन के लिए एक DocumentFragment का उपयोग कर, this answer के आधार पर) प्राप्त करने के लिए इस्तेमाल किया जा सकता

appendStringAsNodes(
    document.getElementById("divOne"), 
    "<table><tbody><tr><td><input type='text' value='0' /></td></tr></tbody></table>" 
); 

Answer 2

हाँ, आप कर सकते हैं वो करें।

var myNewTable = document.createElement("table"); 
myNewTable.innerHTML = "<tbody><tr><td><input type='text' value='0' /></td></tr></tbody>" 
document.getElementById("divOne").appendChild(myNewTable);