当前位置:   article > 正文

JavaScript-案例详解-动态表格的创建_document.createelement('tr')

document.createelement('tr')

1, 动态表格的创建, 在输入框中输入内容后,点击保存则在表格末尾添加一条记录, 点击删除则会删除对应行的记录

<body>

    <input type="text" placeholder="ID值">

    <input type="text" placeholder="姓名">

    <input type="text" placeholder="电话">

    <button οnclick="save()">保存</button>

    <table border="1px" id="tableBox">

        <tr>

            <th>id</th>

            <th>name</th>

            <th>Tel</th>

            <th>操作</th>

        </tr>

    </table>

    <script>

         function save(){

             var inps = document.getElementsByTagName('input')

             var tr = document.createElement('tr')   //创建td

             fo

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/888731
推荐阅读
相关标签
  

闽ICP备14008679号