js----對table操作


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button onclick="add()" id="add">添加</button>
<button onclick="del()" id="delete">刪除</button>
<table id="ss">
    <tr>
        <td>性別</td>
        <td>年齡</td>
    </tr>
</table>
<script type="text/javascript">
   function add() {
       var table = document.getElementById("ss");
       var newRow = table.insertRow(1)
       var td1 = newRow.insertCell(0)
       var td2 = newRow.insertCell(1)
       td1.innerHTML="男"
       td2.innerHTML="12"
   }
   function del() {
       var table = document.getElementById("ss");
       table.deleteRow(-1)
   }
</script>
</body>
</html>

  


免責聲明!

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



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