Javascript 从HTML[element.innerHTML]中的数组中删除逗号
所以我对这个有意见。我正试图去掉那些逗号。也使用了Javascript 从HTML[element.innerHTML]中的数组中删除逗号,javascript,html,Javascript,Html,所以我对这个有意见。我正试图去掉那些逗号。也使用了varArray.join(“”,但没有成功。我甚至为循环创建了一个,但它没有起作用(它可能起作用,但我是个初学者,尽管我对此表示怀疑) 代码如下: 让varArray=[]; 设rufus1=document.getElementById('rufus1'); 让rufus2=document.getElementById('rufus2');//用于简化语法的变量 函数arrayGiver(){ varArray.push(“”+docum
varArray.join(“”
,但没有成功。我甚至为循环创建了一个,但它没有起作用(它可能起作用,但我是个初学者,尽管我对此表示怀疑)
代码如下:
让varArray=[];
设rufus1=document.getElementById('rufus1');
让rufus2=document.getElementById('rufus2');//用于简化语法的变量
函数arrayGiver(){
varArray.push(“”+document.getElementById('rufus1').value+“”);
//我使用了``而不是`
`来分隔元素,但是当我要做更大更复杂的项目时,我可能应该使用`
`不是吗?
rufus2.innerHTML=(“您刚刚添加到集合:”+“
”+
阵列);
//这将在执行函数后清除输入
rufus1.value='';
}
//这使得该功能在按enter键时执行
document.addEventListener('keydown',函数(enterKey){
如果(enterKey.keyCode===13){
arrayGiver();
}
})
呜呜
您可以使用forEach()
或另一个循环将数组元素添加到innerHTML
对于这个答案,我使用了:
varArray.forEach(e => rufus2.innerHTML += e);
它迭代数组,将每个元素(e
)添加到rufus2.innerHTML
。
让varArray=[];
设rufus1=document.getElementById('rufus1');
让rufus2=document.getElementById('rufus2');//用于简化语法的变量
函数arrayGiver(){
varArray.push(“”+document.getElementById('rufus1').value+“”);
//我使用了``而不是`
`来分隔元素,但是当我要做更大更复杂的项目时,我可能应该使用`
`不是吗?
rufus2.innerHTML=(“您刚刚添加到集合:“+”
);
forEach(e=>rufus2.innerHTML+=e);
//这将在执行函数后清除输入
rufus1.value='';
}
//这使得该功能在按enter键时执行
document.addEventListener('keydown',函数(enterKey){
如果(enterKey.keyCode===13){
arrayGiver();
}
})
呜呜
因为数组在转换为字符串时会自动添加逗号作为分隔符。您只需在varArray
上使用join(“”)
即可解决此问题,如下所示
让varArray=[];
设rufus1=document.getElementById('rufus1');
让rufus2=document.getElementById('rufus2');
//用于简化语法的变量
函数arrayGiver(){
varArray.push(“”+document.getElementById('rufus1').value+“”)//我使用了``而不是`
`来打断元素,但是当我要创建更大更复杂的项目时,我可能应该使用`
`不是吗?
rufus2.innerHTML=(“您刚刚添加到集合:”+“
”+
varArray.join(“”));
//这将在执行函数后清除输入
rufus1.value='';
}
//这使得该功能在按enter键时执行
document.addEventListener('keydown',函数(enterKey){
如果(enterKey.keyCode===13){
arrayGiver();
}
})
呜呜
要获得预期结果,请使用字符串变量而不是数组,如下所示
let varArray = [];
var list ='';
let rufus1 = document.getElementById('rufus1');
let rufus2 = document.getElementById('rufus2');
// variables for easing syntax
function arrayGiver(){
list = list + '<div>' + document.getElementById('rufus1').value + '</div>'
rufus2.innerHTML = ("You have just added to your collection:" + "<br/>" + list);
list.value = '';
}
呜呜
什么?!我真的做了同样的事情,但没有成功。也许是因为我没有在撇号中加额外的空格。谢谢哇,我怎么没想到这个,这会让事情变得容易多了!