读书人

高手用js 在table中点击(onclick)td

发布时间: 2012-05-24 11:55:41 作者: rapoo

高手求救,用js 在table中点击(onclick)td时怎样才能获取td的值?
<table>
<tr>
<td onclick="">1<td>
<td>2<td>
<tr>
<tr>
<td>3<td>
<td>4<td>
<tr>
<table>

点击哪个td就获取那个td的值,如何实现呢?

[解决办法]

HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>                </style>    </head>    <body><table>  <tr>  <td>1<td>  <td>2<td>  <tr>  <tr>  <td>3<td>  <td>4<td>  <tr><table>        <script>            var $ = function(id){                return document.getElementById(id);            };            var $t = function(tag, cot){                cot = cot || document;                return cot.getElementsByTagName(tag);            };                        var objs = $t('td');            for(var i = 0, len = objs.length; i < len; i++){                objs[i].onclick = function(){                    alert( this.innerHTML )                }            }                                </script>    </body></html>
[解决办法]
HTML code
<table>  <tr>  <td onclick="">1<td>  <td>2<td>  <tr>  <tr>  <td>3<td>  <td>4<td>  <tr><table><script type="text/javascript"> var tds=document.getElementsByTagName("td"); var obj=null; for(var i=0,len=tds.length;i<len;i++){        obj=tds[i];        obj.onclick=function(){            alert(this.innerHTML);        } }</script> 

读书人网 >JavaScript

热点推荐