的Javascript，尝试添加换行符中创建文本节点方法

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> 

我的输出到目前为止，所有出现在与展示，而不是突破标签的单一线b

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防止被渲染为HTML文本。 改为尝试此操作。

/*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/