使用Javascript更改多个ID的标题，从原始值计算

我的代码采用TD标签的标题，以获取两者之间的时间差 在字符串中显示两次（即13:01-14:03），并将其作为新标题（属性）显示，这仅适用于一个元素，当我有多个元素时，它将失败。
我怎样才能为这个案子工作

<table>
    <thead>
        <th>First</th>
        <th>Second</th>
        <th>Third</th>
        <th>Ok</th>

    </thead>
    <tr>
        <td>1</td>
        <td>CCBB</td>
        <td class='huifa' id='calc' title='02-01-2013 13:01-14:03'>231</td>
        <td class='huifa' id='calc' title='02-01-2013 13:01-13:53'>1</td>
    </tr>

   <tr>
        <td>2</td>
        <td>CCBB</td>
        <td>342</td>
        <td>0</td>

    </tr>
</table>

弗斯特
第二
第三
好啊
1.
CCBB
231
1.
2.
CCBB
342
0

JS代码

<script>
element = document.getElementById('calc');
v = element.title
v = v.slice(11)
v = v.split('-')
totalTime = delTime(v[1],v[0]);
element.title = 'Duracion: '+totalTime
</script>

元素=document.getElementById（'calc'）；
v=元素名称
v=v.切片（11）
v=v.split（'-'）
totalTime=delTime（v[1]，v[0]）；
element.title='Duracion:'+总时间

我的工作代码如下：

---

谢谢。

首先，将

id='calc'

更改为

class='calc'

。然后将代码更改为：

elements = document.getElementsByClassName('calc');
for(var i = 0; i < elements.length; i++) {
  v = elements[i].title;
  v = v.slice(11);
  v = v.split('-');
   totalTime = delTime(v[1],v[0]);
   elements[i].title = 'Duration: ' + totalTime;                             
}

elements=document.getElementsByClassName（'calc'）；
对于（var i=0；i

首先，将

id='calc'

更改为

class='calc'

。然后将代码更改为：

elements = document.getElementsByClassName('calc');
for(var i = 0; i < elements.length; i++) {
  v = elements[i].title;
  v = v.slice(11);
  v = v.split('-');
   totalTime = delTime(v[1],v[0]);
   elements[i].title = 'Duration: ' + totalTime;                             
}

elements=document.getElementsByClassName（'calc'）；
对于（var i=0；i

一个ID不能有多个元素，使用ClassID应该是唯一的。问题是，有多个ID相同的元素。ID是唯一的，不能有重复的ID。您应该将这些更改为类，并找到类。值得添加的是，虽然这是一个HTML错误（并生成无效HTML），但问题是

document.getElementById（）

只返回一个元素（第一个，因为不应该有任何其他元素具有该

id

）。不过，解决方案是一样的：使用

类来代替。不能有多个ID为的元素，使用ClassID应该是唯一的。问题是，有多个ID为的元素。ID是唯一的，不能有重复的ID。您应该将这些更改为类，并找到类。值得添加的是，虽然这是一个HTML错误（并生成无效HTML），但问题是
document.getElementById（）
只返回一个元素（第一个，因为不应该有任何其他元素具有该
id
）。不过，解决方案是一样的：使用
类
。