渲染学生信息案例

最新推荐文章于 2025-05-05 14:47:36 发布

qq_69105856

最新推荐文章于 2025-05-05 14:47:36 发布

阅读量198

点赞数

文章标签： html

本文链接：https://blog.youkuaiyun.com/qq_69105856/article/details/124815023

版权

这段代码展示了如何使用JavaScript处理DOM元素，包括数组操作、页面渲染和事件监听。当点击删除链接时，能从数组中移除相应数据并更新页面。主要涉及的JavaScript概念有数组的splice方法和事件委托。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//console.log(arr);
            //重复渲染页面
            render();
            //复原原始表单置为默认内容

            uname.value=age.value=salary.value='';
        gender.value='男';
        city.value='北京';
        });

        //删除数组中的数据需要用到事件委托事件对象e
        tbody.addEventListener('click',function(e){
            //功能：只要点击了链接就会执行删除操作
            //alert('测试！')；
            //console。log(e.target.tagName);//A
            if(e.target.tagName==='A'){
                //alert('点击了删除链接！');
                //删除操作 arr.splice(从哪删除，删除几个)
                //console.log(a.target.id);
                //arr.splice()
               arr.splice(e.target.id,1);
                //再次渲染页面
                render();
            }
        })


    </script>
</body>
</html>