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

Posted 2023-05-07

【中文标题】document.getElementById 带有循环和本地与全局变量

【英文标题】：document.getElementById with a loop and local vs global var

【发布时间】：2015-04-23 09:14:29

【问题描述】：

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

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/

【问题讨论】：

据我了解，您需要先连接字符串，然后再将其放置到 innerHTML，或者（不推荐）使用... ).innerHTML += ...

js 文件 js 1 pastebin.com/WEhmPkY4 js 2 pastebin.com/x2Psa5HY js 3 pastebin.com/DSB0GhD8

在 jsfiddle 或 plnkr 上创建小提琴

jsfiddle.net/armadadamra/om1zh5bL

【参考方案1】：

用

替换你的循环

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

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