JS求助

<tr>
<td><span id="mid">dd</span></td>
<input type="submit" onclick="acol()" >
</tr>
<tr>
<td><span id="mid">ss</span></td>
<input type="submit" onclick="acol()">
</tr>
点击取到列的值，（id一样），用JS怎么做？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

id 只能是一个，不允许一样，document.getElementById("idValue").value
<tr>
<td> <span id="mid" onclick="alert(this.innerHTML)">dd </span> </td>
</tr>
  id 不可以一样 name 可以一样。
ID时唯一的name可以重复，如果有多个组件则其取值为一个数组获取单元格文本：<tr>
<td> <span id="mid" onclick="alert(this.innerText)">dd </span> </td>
</tr>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function acol(num)
{
  var value=document.getElementsByName("mid")[num].innerText;
  alert(value);}
</script>
</head><body>
<table>
<tr>
<td> <span id="mid">dd </span> </td>
<input type="submit" id="0" onclick="acol(this.id)" >
</tr>
<tr>
<td> <span id="mid">ss </span> </td>
<input type="submit" id="1" onclick="acol(this.id)">
</tr> </table></body>
</html>
name 可以随意，ID不能重复
<tr>
<td> <span id="mid">dd </span> </td>
<input type="submit" onclick="acol()" >
</tr>
<tr>
<td> <span id="mid1">ss </span> </td>
<input type="submit" onclick="acol()">
</tr> function acol() {
   alert(document.getElementById("mid").innerText);//指定具体ID，然后取值。就需要调用acol函数的时候传入id值了
}
也可以循环span控件取值
function acol() {
   var obj=document.getElementsByTagName("span");
   for(i=0;i<obj.length;i++) {
       var id=obj[i].id;
       alert(id);
       alert(document.getElementById(id).innerText);
   }
}
我把第二个span的id改过了，因为id是不允许相同的。
<tr>
<td> <span id="mid1">dd </span> </td>
<input type="submit"  ln=1 onclick="acol(this.ln);">
</tr>
<tr>
<td> <span id="mid2">ss </span> </td>
<input type="submit"  ln=2 onclick="acol(this.ln);">
</tr>
<script>
function acol(ln){
  alert('点击了第'+ln+'行')
}
</script>