为什么抓取不到用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
