添加不了行

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>向上吧少年</title>

  <script type="text/javascript">

  function del(obj)

     {

         var tr=obj.parentNode.parentNode;

         tr.parentNode.removeChild(tr);

     }

       var num=2;

       function gett(){

       num++;

       var a=document.crearElement("tr");

       var b=document.crearElement("td");

       var c=document.crearElement("td");

       var d=document.crearElement("td");


       b.innerHtml=num;

       c.innerHtml="同学"+num;

       d.innerHtml='<a href="javascript:;" onclick="del(this);">删除</a>';


       var ccc=document.getElementById("pan");

       a.appendChild(b);

       a.appendChild(c);

       a.appendChild(d);

       ccc.appendChild(a);

       

         

  }


</script>

</head>

<body>

  <table  border="1px solid" id="pan">

    <tr>

      <th>学号</th>

      <th>姓名</th>

      <th>操作</th>

    </tr>

    <tr>

      <td>1</td>

      <td>李四</td>

      <td><a href="javascript:;" onclick="del(this);">删除</a></td>

    </tr>


    <tr>

      <td>2</td>

      <td>张三</td>

      <td><a href="javascript:;" onclick="del(this);">删除</a></td>

    </tr>


  </table>

  <form ><input type="button" value="添加" onclick="gett()"></form>

</body>

</html>


李逍遥lh
浏览 1169回答 1
1回答

Cancer_bin

单词拼错了,是createElement
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript