|M| 第二贴:Javascript问题:在同一TR中如何取某一个TD里面的值

Question

<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>1<div>2</div>3</td>
<td><a href="javascript:EditID();">修改</a> 
<script>
   function EditID()
   {
       alert(???)  //这里显示上面tr中第四个td中的1
       alert(???)  //这里显示上面tr中第四个td中的2
       alert(???)  //这里显示上面tr中第四个td中的3   }
</script>

Answer 1

<table>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>3</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>4</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>5</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>6</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
</table>
<script>
function EditID()
{
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[0].innerText)
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[1].innerText)
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[2].innerText)
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[3].innerText)
}
</script>

Answer 2

不限制列数<table>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>3</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>4</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>5</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>6</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr>
</table>
<script>
function EditID()
{
 o = window.event.srcElement
 while(o.tagName!="TR")
 o = o.parentNode
  if(o.tagName!="TR") return
  
  for(i = 0;i<o.cells.length;i++)
  alert(o.cells[i].innerText)
}
</script>

Answer 3

<a href="javascript:EditID(this);">
function EditID(objA)
{
    alert(objA.parentNode.parentNode.cells[0].innerText);
1
2}

Answer 4

我现在要得到的是
<td>1<div>2</div>3</td>
中的1,2,3
如果我用innerHtml就会得到1<div>2</div>3
用innerText就会得到12
而我要得到1,2,3要怎么办
我不想要用"1<div>2</div>3".substring()类似这样的方法
有没有用属性方法取出来的如td.??.innerHtml  其中??为得到div

Answer 5

兼容IE和Firefox<table>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>3</td>
<td><a href="#" onclick="EditID(event);return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>4</td>
<td><a href="#" onclick="EditID(event);return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>5</td>
<td><a href="#" onclick="EditID(event);return false">修改</a>
</tr>
<tr>
<td>71</td>
<td>首页</td>
<td>index.aspx</td>
<td>6</td>
<td><a href="#" onclick="EditID(event);return false">修改</a>
</tr>
</table>
<script>
function EditID(evt)
{
evt = evt ? evt : (window.event ? window.event : null);
var o = evt.srcElement?evt.srcElement:evt.target;
 while(o.tagName!= "TR" || o.nodeType != 1)
 o = o.parentNode
  if(o.tagName!="TR") return
  
  for(i = 0;i<o.cells.length;i++)
  {
  if(window.event)
   alert(o.cells[i].innerText)
   else
    alert(o.cells[i].textContent)     
}
}
</script>

Answer 6

得到1，2，3
<table>
<tr>
<td>1<div>2</div>3</td>
<td>首页</td>
<td>index.aspx</td>
<td>3</td>
<td><a href="#" onclick="EditID();return false">修改</a>
</tr></table>
<script>
function EditID()
{
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[0].childNodes[0].nodeValue)
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[0].childNodes[1].innerText)
  alert(window.event.srcElement.parentNode.parentNode.getElementsByTagName("TD")[0].childNodes[2].nodeValue)}
</script>