鼠标点击表格中的href使得该行高亮代码 本帖最后由 lk119103 于 2011-08-01 21:40:19 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="javascript:void(0)">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="javascript:void(0)">点我</a></td> </tr></table><script> var a = document.getElementsByTagName('a'), len = a.length, tr = document.getElementsByTagName('tr'); for(var i = 0; i < len; i++){ !function(i){ a[i].onclick = function(){ for(var j = 0; j < len; j++){ tr[j].style.background = '#fff'; } tr[i].style.background = '#000'; }; }(i) } </script></body></html> 我的href已经设置了 <td><a href=复件+1.html traget="topFrame">NO.1</td>,请问该如何修改使得2个功能都能实现。。本人新手,被老板硬逼着做页面的。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><iframe name="topFrame" id="topFrame" width="100" height="100"></iframe><table> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr></table><script> var a = document.getElementsByTagName('a'), len = a.length, tr = document.getElementsByTagName('tr'); for(var i = 0; i < len; i++){ !function(i){ a[i].onclick = function(){ for(var j = 0; j < len; j++){ tr[j].style.background = '#fff'; } tr[i].style.background = '#000'; }; }(i) } </script></body></html> 你现在的代码是以第一行为起始,我点击第5行的href是第三行的href高亮 现在希望点第三行的就第三行高亮,第四行就第四行高亮 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><iframe name="topFrame" id="topFrame" width="100" height="100"></iframe><table> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td><a href="aa.html" target="topFrame">点我</a></td> </tr></table><script> var a = document.getElementsByTagName('a'), len = a.length, tr = document.getElementsByTagName('tr'); for(var i = 2; i < len; i++){ !function(i){ a[i].onclick = function(){ for(var j = 2; j < len; j++){ tr[j].style.background = '#fff'; } tr[i].style.background = '#000'; }; }(i) } </script></body></html>看看是这意思吗?从第三行开始亮~· 各位高手!function(i){ a[i].onclick = function(){ for(var j = 0; j < len; j++){ tr[j].style.background = '#fff'; } tr[i].style.background = '#000'; }; }(i);!function(i){}(i);这句话是什么意思啊?闭包传值,怎么还要 ! 这一下。 关于动态创建select select个数不确定 JavaScript怎样连接MySQL数据库? jquery没有自动提示 高手求助,juery选择器问题 这种数字选择器该怎么做呢 验证码的显示问题?在线求解!!! 哪里有比较好的jsp网站的模版 求教:六位数字2位小数(如676856.23)的正则式 js 时间增加指定月份 IE8如何实现跨域 怎么获取选择下拉框,添加到页面上表格中的的值? (在线等)错误手机号动态检测为什么第一个总是提示为错误?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="javascript:void(0)">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="javascript:void(0)">点我</a></td>
</tr>
</table>
<script>
var a = document.getElementsByTagName('a'),
len = a.length,
tr = document.getElementsByTagName('tr');
for(var i = 0; i < len; i++){
!function(i){
a[i].onclick = function(){
for(var j = 0; j < len; j++){
tr[j].style.background = '#fff';
}
tr[i].style.background = '#000';
};
}(i)
}
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<iframe name="topFrame" id="topFrame" width="100" height="100"></iframe>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
</table>
<script>
var a = document.getElementsByTagName('a'),
len = a.length,
tr = document.getElementsByTagName('tr');
for(var i = 0; i < len; i++){
!function(i){
a[i].onclick = function(){
for(var j = 0; j < len; j++){
tr[j].style.background = '#fff';
}
tr[i].style.background = '#000';
};
}(i)
}
</script>
</body>
</html>
你现在的代码是以第一行为起始,我点击第5行的href是第三行的href高亮
现在希望点第三行的就第三行高亮,第四行就第四行高亮
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<iframe name="topFrame" id="topFrame" width="100" height="100"></iframe>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="aa.html" target="topFrame">点我</a></td>
</tr>
</table>
<script>
var a = document.getElementsByTagName('a'),
len = a.length,
tr = document.getElementsByTagName('tr');
for(var i = 2; i < len; i++){
!function(i){
a[i].onclick = function(){
for(var j = 2; j < len; j++){
tr[j].style.background = '#fff';
}
tr[i].style.background = '#000';
};
}(i)
}
</script>
</body>
</html>
看看是这意思吗?从第三行开始亮~·
a[i].onclick = function(){
for(var j = 0; j < len; j++){
tr[j].style.background = '#fff';
}
tr[i].style.background = '#000';
};
}(i);!function(i){}(i);
这句话是什么意思啊?闭包传值,怎么还要 ! 这一下。