<table id="xx" width="400" border="0" cellspacing="1" cellpadding="3">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
window.onload = function(){
var trs = document.getElementById("xx").getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++){
trs[i].onclick = _click;
}
function _click(){
return this;
}
}
</script>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
window.onload = function(){
var trs = document.getElementById("xx").getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++){
trs[i].onclick = _click;
}
function _click(){
return this;
}
}
</script>
解决方案 »
- 关于Jquery.Autocomplete排序的问题,高手请进
- 如何通过函数来播放背景音乐?
- 此时为什么不能用this啊?请各位老师指点我一下,
- 页面跳转用request.getHeard('referer')接收的问题!
- 客户端javascript如何把一个字符串数组或者一个长字符串在本页面submit时,传到服务器?
- 如何在拖动层的时候避免页面出现滚动条以及一些东西被选中而页面变形
- 请问如何能得知指定文件大小?
- 关于刷新声音控制问题
- 一个三个页面长的网页,其中有一段window.open(...)的代码用来打开一个小窗口,按下页面底部的按钮执行这段代码,为什么执行完了以后,页
- 怎么样当鼠标移开时就进行判断?
- 弹出子窗口,关闭子窗口且刷新父窗口时如果定位父窗口的位置
- 关于radio button??
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
window.onload = function(){
var trs = document.getElementById("xx").getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++){
trs[i].onclick = _click;
}
function _click(){
alert(this.innerHTML);
//return this;
}
}
</script>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
document.onclick=function(){
if(event.srcElement.tagName=="TD"){
//alert('ok');
//alert(event.srcElement.parentElement.tagName);
objTr=event.srcElement.parentElement;
tdArray = objTr.getElementsByTagName("td");
for(var i=0;i<tdArray.length;i++){
tdArray[i].style.backgroundColor='skyblue';
}
}
}
</script>
<TD><href="javascript:f()"></TD>
代码写在f函数中,取得他所在的列
<table id="xx" width="400" border="1" cellspacing="1" cellpadding="3">
<tr>
<th>列一</th>
<th>列二</th>
<th>列三</th>
<th>列四</th>
</tr>
<tr>
<td>11</td>
<td>21</td>
<td>31</td>
<td>41</td>
</tr>
<tr>
<td>12</td>
<td>22</td>
<td>32</td>
<td>42</td>
</tr>
<tr>
<td>13</td>
<td>23</td>
<td>33</td>
<td>43</td>
</tr>
</table>
<script language="javascript">
document.onclick=function()
{
var tbl=document.getElementById("xx");
var obj=event.srcElement;
var idx=0;
var colValue="";
if(obj.parentNode.tagName=="TR")
{
idx=obj.cellIndex;
}
for(i=0;i<tbl.rows.length;i++)
{
colValue+=tbl.rows[i].cells[idx].innerText+";";
}
alert(colValue);
}
</script>
<tr>
<th>列一</th>
<th>列二</th>
<th>列三</th>
<th>列四</th>
</tr>
<tr>
<td>11</td>
<td>21</td>
<td>31</td>
<td>41</td>
</tr>
</table><script language="javascript">
document.onclick=function()
{
var tbl=document.getElementById("xx");
var obj=event.srcElement;
if(obj.parentNode.tagName=="TR")
{
alert("列:"+parseInt(obj.cellIndex+1));
}
}
</script>
<TD><href="javascript:f()"></TD>
代码写在f函数中,取得他所在的列晕,标题表述和这个完全不同啊,
你可以用服务器端直接写
<%
i=0
%>
<TD><href="javascript:f(<%= i%>)"></TD>
<%
i = i + 1
%>或者直接
<TD><href="javascript:f(this)"></TD>
用DOM取得此行的index。不必那么麻烦。
function f()
{
alert("列四");
}
</script>
<table id="xx" width="400" border="1" cellspacing="1" cellpadding="3">
<tr>
<th onclick="alert('列一');">列一</th>
<th onclick="alert('列二');">列二</th>
<th onclick="alert('列三');">列三</th>
<th onclick="f()">列四</th>
</tr>
<tr>
<td>11</td>
<td>21</td>
<td>31</td>
<td>41</td>
</tr>
<tr>
<td>12</td>
<td>22</td>
<td>32</td>
<td>42</td>
</tr>
<tr>
<td>13</td>
<td>23</td>
<td>33</td>
<td >43</td>
</tr>
</table>