就是動態處理表格
<html><head><script type="text/javascript">var n=0;function changeButton(){if(n==1){for(i=0;i<3;i++)for(j=0;j<2;j++){var x=document.getElementById('myTable').rows[i].cells; var y=document.getElementById('ad');x[j].innerHTML=y.value;}var x=document.getElementById('button1');x.value="更改";n=0;}else{for(i=0;i<3;i++)for(j=0;j<2;j++){var x=document.getElementById('myTable').rows[i].cells;x[j].innerHTML="<input name='ad' type='text' value=" +x[j].innerHTML+" >";}var x=document.getElementById('button1');x.value="儲存";n=1;}}function changeContent(){for(i=0;i<3;i++)for(j=0;j<2;j++){var x=document.getElementById('myTable').rows[i].cells;x[j].innerHTML="<input name='ad' type='text' value=" +""+" >";}var x=document.getElementById('button1');x.value="儲存";n=1;}</script></head><body><table id="myTable" border="1"><tr><td>Row1 cell1</td><td>Row1 cell2</td></tr><tr><td>Row2 cell1</td><td>Row2 cell2</td></tr><tr><td>Row3 cell1</td><td>Row3 cell2</td></tr></table><form><input type="button" id="button1" onclick="changeButton()" value="改變內容"><input type="button" id="button1" onclick="changeContent()" value="重設"></form></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
