Javascript 单击时每个单独TD的开口跨度

我正在制作一个表格，当你点击任何一个td时：

将打开一个范围并显示（该td-行中的第一个td）

当您单击另一个td时，旧的跨度消失，新的跨度打开，显示（您单击的新td-该行中的第一个td）

以下是我目前的代码：

运输署{
光标：指针；
}
首行
一个
两个
三
四
五
标题1
10
9
5.
3.
2.
1.
标题2
25
19
16
15
10
2.
标题3
100
50
25
15
10
5.
window.onload=function（）{
var cells=document.getElementById（'myTable'）.getElementsByTagName（'td'）；
var span=document.getElementsByClassName（“spanClass”）；
对于（var i=0，n=cells.length；i在查看脚本后，将循环所有跨距，并用相同的值替换它们的
innerText

由于我不能100%确定您在点击事件的逻辑中试图做什么，我现在发布这篇文章，希望您能够澄清，以便我可以做出任何必要的更改。这至少会让您朝着正确的方向前进，因为它只会根据您的要求更改点击单元格的范围

请回答以下有关单击事件处理程序逻辑的问题：

1.如果我单击第一列，会发生什么？它应该保持不变吗



运输署{
光标：指针；
}
首行
一个
两个
三
四
五
标题1
10
9
5.
3.
2.
1.
标题2
25
19
16
15
10
2.
标题3
100
50
25
15
10
5.
window.onload=function（）{
var cells=document.getElementById（'myTable'）.getElementsByTagName（'td'）；
var span=document.getElementsByClassName（“spanClass”）；
对于（变量i=0；i
查看脚本后，将循环所有跨距，并用相同的值替换它们的
内部文本

由于我不能100%确定您在点击事件的逻辑中试图做什么，我现在发布这篇文章，希望您能够澄清，以便我可以做出任何必要的更改。这至少会让您朝着正确的方向前进，因为它只会根据您的要求更改点击单元格的范围

请回答以下有关单击事件处理程序逻辑的问题：

1.如果我单击第一列，会发生什么？它应该保持不变吗



运输署{
光标：指针；
}
首行
一个
两个
三
四
五
标题1
10
9
5.
3.
2.
1.
标题2
25
19
16
15
10
2.
标题3
100
50
25
15
10
5.
window.onload=function（）{
var cells=document.getElementById（'myTable'）.getElementsByTagName（'td'）；
var span=document.getElementsByClassName（“spanClass”）；
对于（变量i=0；i