【高分】请教这段代码怎么写? 本帖最后由 community147 于 2011-06-10 09:48:36 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 var tab=document.getElementById("tab");td=tab.getElementsByTagName("td");for(var i=0,len=td.length;i<len,i++){ td[i].onclick=function(){ this.innerHTML="abs"; }} <!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> <title>zell419</title></head><body><table id="tab" border="1"> <tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr></table> <script type="text/javascript"> window.onload = function(){ var tds = tab.getElementsByTagName("td"); for(t in tds){ tds[t].onclick = function(){ this.innerHTML = "abs"; } } }</script></body></html>有这么复杂么 ? 要在这个中绑定的window.onload,光写不绑定能行吗 原来这么简单,用this解决分给你!!! 用jQuery做,兼容性好,代码也简单。jQuery自己去下载吧。<!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" lang="en" xml:lang="en"> <head> <title>点击单元格填充内容</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #tab{border:1px solid black;} #tab td{width:24px;height:24px;background:#CCCCCC;} </style> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript"> (function($){ $(function(){ $("#tab td").click(function(){ $(this).text("abs"); }); }); })(jQuery); </script> </head> <body> <table id="tab"> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> </body></html> 请教二楼为什么没有写var tab=document.getElementById("tab");就直接可以用tab.getElementByTagName("td");1楼,二楼代码我都试过了,都可以 呵呵 。我大意了 ,应该先document.getElementById("tab")的 。我的在ie下能行 ,我就发了 ,不好意思 。 求救高手,如何使用dsoframer打开word文档后如何替换文档里面的文字? 框架网页的滚动条问题 如何隐藏IE的关闭按钮? 如何控制在改变图片尺寸的同时,设置图片的下载大小? 为什么在htm文件里调用Js文件会显示乱码 新手提问 这个问题怎么解决? 关于JavaScript的基本文法问题(document.writeln) 帮忙看看我写的JavaScript目录树是怎么回事? 求救!!! jquery页面传值问题 使用事件获取当前单机表格的td位置,请教下面代码哪儿错了?
td=tab.getElementsByTagName("td");
for(var i=0,len=td.length;i<len,i++){
td[i].onclick=function(){
this.innerHTML="abs";
}
}
<head>
<title>zell419</title>
</head>
<body>
<table id="tab" border="1">
<tr><td>td</td><td>td</td><td>td</td></tr>
<tr><td>td</td><td>td</td><td>td</td></tr>
<tr><td>td</td><td>td</td><td>td</td></tr>
</table>
<script type="text/javascript">
window.onload = function(){
var tds = tab.getElementsByTagName("td");
for(t in tds){
tds[t].onclick = function(){
this.innerHTML = "abs";
}
}
}
</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" lang="en" xml:lang="en">
<head>
<title>点击单元格填充内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#tab{border:1px solid black;}
#tab td{width:24px;height:24px;background:#CCCCCC;}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
(function($){
$(function(){
$("#tab td").click(function(){
$(this).text("abs");
});
});
})(jQuery);
</script>
</head>
<body>
<table id="tab">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>
为什么没有写var tab=document.getElementById("tab");
就直接可以用tab.getElementByTagName("td");1楼,二楼代码我都试过了,都可以
我的在ie下能行 ,我就发了 ,不好意思 。