<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>
解决方案 »
- 可否开发个插件实现网络手动更新,筛选一部分数据
- 求一个正则表达式--去掉页面的所有链接
- 移动DIV效果大家看看!
- 用javascript如何实现这样的下载?
- Jquery append后删除元素的问题
- 在线等,javascrpt问题。
- 请问在javascript中有方法实现跳转到其他页面吗?
- 怎样禁止表格内的文本在按shift或control健的时候被选择?
- 很怪异的多级下拉列表框,需要从数据库驱动(孟子你在ASP板块给我的回答不行啊,我急啊 ) 200分
- *****请问如何检查字符串是否是一个日期格式****
- 弹出子窗口,关闭子窗口且刷新父窗口时如果定位父窗口的位置
- 关于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>