Ajax -----javaScript增加,删除节点

来源:互联网 发布:hive sql 语法 select 编辑:程序博客网 时间:2024/05/16 07:58
<html>    <head>        <title></title>                <script language="javascript">            function add() {                                td = document.getElementById("tdNode");                var inText = document.createElement("input");                var button = document.createElement("input");                var br = document.createElement("br");                inText.type="text";                inText.name="test";                                button.type="button";                button.value="del"                button.onclick=function del(){                                                                                td.removeChild(br);                                                                                td.removeChild(inText);                                                                                td.removeChild(button);                                               }                                td.appendChild(br);                td.appendChild(inText);                td.appendChild(button);            }        </script>    </head>    <body>        <form action="">            <table border="1" width="35%">                <tr>                     <td id="tdNode">                        <input type = "text" name="test" >                        <input type = "button" value = "submit" name="submit">                        <input type = "button" value = "add" name="addMore" onclick ="add();">                     </td>                </tr>            </table>        </form>    </body></html>