document.getElementById 带有循环和本地与全局变量

Question

每当我尝试使用时都需要一些帮助

document.getElementById( "writer" ).innerHTML = "Names: " + child123[i] + "<br>"; 

替换

document.write(child123[i] + "<br>"); 

在我的循环中，它不起作用。不知道为什么，我相信我把名字和<br>弄乱了，但是当它只是child123[i];时它仍然不打印

同样在我的代码中，有没有更好的方法可以让我的merger() 和sorter() 不必在排序器中连接 var。我想我需要知道如何从merger() 访问child123 以在sorter() 中使用。我明白我不能只是这样做

function merger(){ 
var child12 = name1.concat( name2 ); 
var child123 = child12.concat( name3 ); 
document.getElementById( "writer" ).innerHTML = child123; 
} 

function sorter(){ 
child123.sort(); 
child123.reverse(); 
document.getElementById( "writer" ).innerHTML = child123; 
} 

因为全局与本地。但就在我的分拣机中使用合并而言，必须有更好的方法来做到这一点。

我需要让按钮分别进行合并、排序和打印，这就是我的任务所说的。我还必须使用 getElementbyId 将排序列表写入页面，并带有名称标题。

任何帮助/解释将不胜感激。

所有代码： http://pastebin.com/BB6ecU5D

小提琴，不知道怎么用

https://jsfiddle.net/armadadamra/om1zh5bL/

Answer 1

用

替换你的循环

document.getElementById( "writer" ).innerHTML = child123.join('<br>');

https://jsfiddle.net/om1zh5bL/2/