猿问

oTd.innerHTML=id++;是什么意思啊,那每次点击一次按钮不会id多出来吗,想了好久,想不过来,求大神讲解。

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

window.onload=function () {

var oTab=document.getElementById('tab1');

var oName=document.getElementById('tx1');

var oAge=document.getElementById('tx2');

var oBtn=document.getElementById('btn');

var id=oTab.tBodies[0].rows.length+1;


oBtn.onclick=function () {

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


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

oTd.innerHTML=id++;

oTr.appendChild(oTd);


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

oTd.innerHTML=oName.value;

oTr.appendChild(oTd);


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

oTd.innerHTML=oAge.value;

oTr.appendChild(oTd);


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

oTd.innerHTML='<a href="javascript:;">删除</a>';

oTr.appendChild(oTd);


oTd.getElementsByTagName('a')[0].onclick=function () {

oTab.tBodies[0].removeChild(this.parentNode.parentNode);

}


oTab.tBodies[0].appendChild(oTr);



}


}

</script>

</head>

<body>

姓名:<input id="tx1" type="text"> 

年龄:<input id="tx2" type="text">

<input id="btn" type="button" value="插入">

<table id="tab1" border="1" width="500">

<thead>

<td>ID</td>

<td>姓名</td>

<td>年龄</td>

<td>操作</td>

</thead>

<tbody>

<tr>

<td>1</td>

<td>a</td>

<td>16</td>

<td></td>

</tr>

<tr>

<td>2</td>

<td>b</td>

<td>18</td>

<td></td>

</tr>

<tr>

<td>3</td>

<td>d</td>

<td>20</td>

<td></td>

</tr>

<tr>

<td>4</td>

<td>e</td>

<td>15</td>

<td></td>

</tr>

<tr>

<td>5</td>

<td>f</td>

<td>16</td>

<td></td>

</tr>

</tbody>

</table>


</body>

</html>


我是匿名
浏览 2176回答 4
4回答

黑女2008

oTd.innerHTML=id++;就是先把id的值赋给oTd.innerHTML,然后id=id+1;(前提要保证id的值是可以转数字类型的)

慕标2538284

var oTd=document.createElement('td');oTd.innerHTML=id++;   //这句话的意思是什么?,我不是很明白,能具体解答一下吗?oTr.appendChild(oTd);var oTd=document.createElement('td');oTd.innerHTML=oName.value;//还有这句oTr.appendChild(oTd);var oTd=document.createElement('td');oTd.innerHTML=oAge.value;oTr.appendChild(oTd);var oTd=document.createElement('td');oTd.innerHTML='<a href="javascript:;">删除</a>';oTr.appendChild(oTd);谢谢
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答