Javascript 桌上鼠标盖

我在玩桌子，当你把鼠标移到每一张桌子上时，文本会发生变化。我现在使用的代码可以更改第一个表的文本，但我不知道如何使它也适用于其他表

<script type="text/javascript">
    function highlight(id) {
        document.getElementById("name").innerHTML = "SF";
    }

    function unhighlight(id) {
        document.getElementById("name").innerHTML = "Giants";
    }
    for (i = 0; i < 5; i++) {
        document.write('<table width="300" id="i" onmouseover="highlight(i);" onmouseout="unhighlight(i);">');
        document.write('<tr>');
        document.write('<td id="name">Giants</td>');
        document.write('<td>5</td>');
        document.write('</tr>');
        document.write('</table>');
    }
</script>

功能突出显示（id）{
document.getElementById（“名称”）.innerHTML=“SF”；
}
功能取消高亮度（id）{
document.getElementById（“名称”）.innerHTML=“巨人”；
}
对于（i=0；i<5；i++）{
文件。写（“”）；
文件。写（“”）；
文件。书写（‘巨人’）；
文件。填写（'5'）；
文件。写（“”）；
文件。写（“”）；
}

这是因为

id

名称在所有表格中重复出现。因此

document.getElementById（“name”）

将始终找到id为

name

的第一个元素。您必须使它在每个表中都是唯一的，然后它就可以正常工作了。此外，您还必须将某些内容传递给

highlight

方法，以识别鼠标悬停/移出表

功能突出显示（id）{
document.getElementById（“name”+id）.innerHTML=“SF”；
}
功能取消高亮度（id）{
document.getElementById（“name”+id）.innerHTML=“Giants”；
}
对于（i=0；i<5；i++）{
文件。写（“”）；
文件。写（“”）；
文件。书写（‘巨人’）；
文件。填写（'5'）；
文件。写（“”）；
文件。写（“”）；
}

这是因为

id

名称在所有表格中重复出现。因此

document.getElementById（“name”）

将始终找到id为

name

的第一个元素。您必须使它在每个表中都是唯一的，然后它就可以正常工作了。此外，您还必须将某些内容传递给

highlight

方法，以识别鼠标悬停/移出表

功能突出显示（id）{
document.getElementById（“name”+id）.innerHTML=“SF”；
}
功能取消高亮度（id）{
document.getElementById（“name”+id）.innerHTML=“Giants”；
}
对于（i=0；i<5；i++）{
文件。写（“”）；
文件。写（“”）；
文件。书写（‘巨人’）；
文件。填写（'5'）；
文件。写（“”）；
文件。写（“”）；
}

这是因为

id

名称在所有表格中重复出现。因此

document.getElementById（“name”）

将始终找到id为

name

的第一个元素。您必须使它在每个表中都是唯一的，然后它就可以正常工作了。此外，您还必须将某些内容传递给

highlight

方法，以识别鼠标悬停/移出表

功能突出显示（id）{
document.getElementById（“name”+id）.innerHTML=“SF”；
}
功能取消高亮度（id）{
document.getElementById（“name”+id）.innerHTML=“Giants”；
}
对于（i=0；i<5；i++）{
文件。写（“”）；
文件。写（“”）；
文件。书写（‘巨人’）；
文件。填写（'5'）；
文件。写（“”）；
文件。写（“”）；
}

这是因为

id

名称在所有表格中重复出现。因此

document.getElementById（“name”）

将始终找到id为

name

的第一个元素。您必须使它在每个表中都是唯一的，然后它就可以正常工作了。此外，您还必须将某些内容传递给

highlight

方法，以识别鼠标悬停/移出表

功能突出显示（id）{
document.getElementById（“name”+id）.innerHTML=“SF”；
}
功能取消高亮度（id）{
document.getElementById（“name”+id）.innerHTML=“Giants”；
}
对于（i=0；i<5；i++）{
文件。写（“”）；
文件。写（“”）；
文件。书写（‘巨人’）；
文件。填写（'5'）；
文件。写（“”）；
文件。写（“”）；
}

谢谢，效果很好。。。仍然在学习所有这些javascript的东西，所以我总是怀念像这样奇怪的事情谢谢，这很好用。。。仍然在学习所有这些javascript的东西，所以我总是怀念像这样奇怪的事情谢谢，这很好用。。。仍然在学习所有这些javascript的东西，所以我总是怀念像这样奇怪的事情谢谢，这很好用。。。仍然在学习javascript的东西，所以我总是怀念像这样奇怪的事情