JS——在表格中顯示第幾行第幾列


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
//嵌套函數的定義
<!--<script type="text/javascript">
function f1(){
alert("我是函數1")
}
var f2=function(){
alert("我是函數f2")
}
f1()
f2()
</script>-->
//練習:在表格中顯示第幾行第幾列
//制作表格
<table border="1px" width="300" id="table1">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
<tr><td>13</td><td>14</td><td>15</td><td>16</td></tr>
<tr><td>17</td><td>18</td><td>19</td><td>20</td></tr>
</table>
//在JS里定義嵌套函數
<script type="text/javascript">
(function(){//定義函數
var tr = document.getElementsByTagName("tr");
for(var i = 0;i<tr.length;i++){
var tds = tr[i].children;
for(var j = 0;j<tds.length;j++){
tds[j].onclick = (function(){
var row = i+1,col = j+1;
return function(){
alert("第"+row+"行"+col+"列");
}
})();
}
}

})();

</script>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM