11月16日笔记

来源:互联网 发布:手机画平面图软件 编辑:程序博客网 时间:2024/06/05 15:56
<!doctype html><html lang="en"> <head>    <meta charset="UTF-8">    <title>Coding Coffee</title>     </head>     <body>     姓名: <input id="name" type="text">      联系方式: <input id="contact" type="text">      年龄: <input id="age" type="text">     <input type="button" value="添加用户" onclick="hhh()" />     <hr>     <table id="form" align="center" border=1 cellspacing=0 cellpadding=5 width="50%">        <tr>            <th>姓名</th>            <th>联系方式</th>            <th>年龄</th>            <th>操作</th>        </tr>        <tr>            <td>习近平</td>            <td>119@com</td>            <td>60</td>            <td>            <input type="button" value="删除" onclick="shang(this)" />            </td>        </tr>     </table>     <script type="text/javascript">     var hhh=function(){            var name=document.getElementById('name').value;            var contact=document.getElementById('contact').value;            var age=document.getElementById('age').value;            var html='<td>'+name+'</td><td>'+contact+'</td><td>'+age+'</td><td><input type="button" value="删除" onclick="" /></td>';            var newhtml=document.getElementById('form').innerHTML;            var html2=newhtml+html;            document.getElementById('form').innerHTML = html2;     }        function shang(obj){            var chu=obj.parentNode.parentNode;            chu.parentNode.removeChild(chu);        }

这里写图片描述
这里写图片描述

原创粉丝点击