Question

javascript 访问表格的问题大神们帮帮忙

如何通过js函数，在onclick某元素事件发生时，在现有的表格中的第一行前插入一行，并且填入“XXX”内容，再次onclick，则删除刚才临时插入的那行。函数要怎么写？

Answer 1

<script> window.onload=function(){ var flag = true; var row = document.getElementById("row"); var table = document.getElementById("table"); row.onclick=function(){ if(flag){ var nowRow = table.insertRow(0); var td = document.createElement("td"); td.innerHTML="你真行"; nowRow.appendChild(td); flag=false; }else{ table.deleteRow(0); flag = true; } } } </script> <table border="1" id="table"> <tr id="row"> <td>单击我试试</td> </tr> </table>

Answer 2

<script> window.onload=function(){ var flag = true; var row = document.getElementById("row"); var table = document.getElementById("table"); row.onclick=function(){ if(flag){ var nowRow = table.insertRow(0); var td = document.createElement("td"); td.innerHTML="你真行"; nowRow.appendChild(td); flag=false; }else{ table.deleteRow(0); flag = true; } } } </script> <table border="1" id="table"> <tr id="row"> <td>单击我试试</td> </tr> </table>