जावास्क्रिप्ट, LINEBREAK जोड़ने की कोशिश कर के अंदर का पाठ नोड विधि

Question

बनाते हैं, यह मेरी स्क्रिप्ट है:

<script> 
/*jslint browser:true */ 
var i; 
var out = document.getElementById("output"); 
var args = ["aaa", "bbb", "ccc", "ddd", 1, 2, 4 + 4]; 
function displayArgs() { 
    "use strict"; 
    for (i = 0; i < args.length; i++) { 
     out.appendChild(document.createTextNode(args[i] + "<br>")); 
    } 
} 

displayArgs(args); 
</script> 

मेरी उत्पादन अब तक सब बल्कि दिखा से तोड़ टैग के साथ एक एकल पंक्ति में दिखाई दे ख

Answer 1

एक पाठ नोड एक टेक्स्ट नोड है, यदि इसमें <br> (या कोई HTML) है, तो इसे HTML के रूप में पार्स नहीं किया जाएगा, क्योंकि टेक्स्ट नोड के डेटा को केवल टेक्स्ट के रूप में माना जाता है।

आप जोड़ सकते हैं ...

out.appendChild(document.createElement("br")); 

Answer 2

आप एक पाठ नोड पैदा कर रहे हैं, इसलिए html टैग अनदेखी कर रहे हैं। बजाय उपयोग document.createElement:

var myDiv = document.createElement("div"); 
myDiv.id = 'myDiv'; 
myDiv.innerHTML = 'blah!<br/>'; 
document.body.appendChild(myDiv); 

Answer 3

document.createTextNode एचटीएमएल के रूप में प्रदान किए जाने से पाठ से बचाता है। इसके बजाए इसे आजमाएं।

/*jslint browser:true */ 
var i; 
var out = document.getElementById("output"); 
var args = ["aaa", "bbb", "ccc", "ddd", 1, 2, 4 + 4]; 
function displayArgs() { 
    "use strict"; 
    for (i = 0; i < args.length; i++) { 
     out.appendChild(document.createTextNode(args[i])); 
     out.appendChild(document.createElement("br")); 
    } 
} 
displayArgs(args); 

डेमो: http://jsfiddle.net/LVm9z/