为什么抓取不到用JS自动创建的TABLE的行号

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<script type="text/javascript" language="javascript">   



	function doclick() 

	{ 

	var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td 

	alert("行号：" + (event.srcElement.parentElement.rowIndex + 1) + "，内容：" + td.innerText); 

	} 



 //创建一个数据库对象   

 //4个参数分别是 数据库名,版本号，数据库的描述，数据库大小   

 var db = openDatabase('MyData','','My Database',102400);   

    

 function init(){   

   var table = document.createElement('table');

			table.border = 1;

			table.width = 600; 

			table.id = 'shuju';

			table.onclick=function(){doclick();};  

			document.body.appendChild(table);

			datatable = document.getElementById("shuju");    

			showAllData(); 

 }   

   

 function removeAllData(){   

    for(var i=datatable.childNodes.length-1;i>=0;i--){   

        datatable.removeChild(datatable.childNodes(i));   

    }   

    var tr= document.createElement('tr');   

    var th1=document.createElement('th');   

    var th2=document.createElement('th');  

  	var th3=document.createElement('th'); 

    th1.innerHTML="ID";   

    th2.innerHTML="姓名";   

  	th3.innerHTML="资料";    

    tr.appendChild(th1);   

    tr.appendChild(th2);   

 	tr.appendChild(th3);   

    datatable.appendChild(tr);   

 }   

    

 function showData(row){   

     var tr= document.createElement('tr');     

     var td1=document.createElement('td');  

     td1.innerHTML=row.id;    

     var td2=document.createElement('td');      

     td2.innerHTML=row.name;   

	var td3=document.createElement('td');      

     td3.innerHTML=row.info;   

     tr.appendChild(td1);   

     tr.appendChild(td2);   

 	 tr.appendChild(td3);   

     datatable.appendChild(tr);   

 }    

 function showAllData(){      

    db.transaction(function(tx){   

        tx.executeSql('CREATE TABLE IF NOT EXISTS InfoData(id INT IDENTITY(1,1),name TEXT,info TEXT)',[]);      

        tx.executeSql('SELECT * FROM InfoData',[],function(tx,rs){   

            removeAllData();     

            for(var i=0;i<rs.rows.length;i++){      

                showData(rs.rows.item(i));   

            }   

        });   

    }   

    );   

 }     

 function addData(id,name,info){     

    db.transaction(function(tx){      

        tx.executeSql('INSERT INTO InfoData VALUES(?,?,?)' , [id,name,info],function(tx,rs){   

            console.log("成功保存数据!");   

        },   

        function(tx,error){   

            console.log(error.source+"::"+error.message);   

        });   

    }   

    );   

 }   

 function saveData(){   

	var id=document.getElementById('age').value;    

    var name=document.getElementById('name').value;   

    var info=document.getElementById('info').value;     

    addData(id,name,info);      

    showAllData(); 

	alert("保存成功");  

 }   

</script>   

<body onload="init();">   

<h1>使用HTML5本地数据库DEMO</h1>   

<table>   

	<tr><td>ID：</td><td><input type="text" id="age"></td></tr>  

    <tr><td>姓名：</td><td><input type="text" id="name"></td></tr>   

    <tr><td>资料：</td><td><input type="text" id="info"></td></tr>   

    <tr>   

        <td></td>   

        <td><input type="button" value="保存" onclick="saveData();"></td>   

    </tr>   

</table>   

<hr>    

<p id="msg"></p>   

</body>   

</html>

JavaScript 数据库 HTML5

补充：移动开发 ,  Android