我有一系列按钮,上面有一些名字;单击按钮时,按钮上的名称将添加到列表中.最后一个操作由一个函数完成,该函数将按钮的id作为输入.当我明确地写下所有这些东西时,一切都很好:
<!DOCTYPE html>
<html>
<head>
<script>
inventory=[]
function addinv(variable) {
item=document.getElementById(variable).innerHTML
if (item!='Ok') {
if (inventory.length<2){
inventory.push(item)
document.getElementById(variable).innerHTML='Ok'
}
}
}
function location0() {
document.getElementById("1").innerHTML="Spada"
document.getElementById("1").setAttribute('onclick','addinv(1)')
document.getElementById("2").innerHTML="Corda"
document.getElementById("2").setAttribute('onclick','addinv(2)')
document.getElementById("3").innerHTML="Acciarino"
document.getElementById("3").setAttribute('onclick','addinv(3)')
}
</script>
</head>
<body>
<button type="button" id="1" onclick=""></button>
<button type="button" id="2" onclick=""></button>
<button type="button" id="3" onclick=""></button>
<script>location0()</script>
</body>
</html>
我想使用for循环来设置按钮上的名称并调用addinv函数.为此,我将函数location0更改如下:
function location0() {
equip=["Spada", "Corda", "Acciarino"]
for (i=1; i<4; i++) {
document.getElementById(i).innerHTML=equip[i-1]
document.getElementById(i).setAttribute('onclick','addinv(i)')
}
}
现在按钮上仍然有正确的名称,但addinv函数不能正常工作:在我看来,所有按钮都调用addinv(4)