javascript:dom案例实现简易的留言板功能

本文介绍了如何利用JavaScript DOM操作动态创建一个简易留言板。点击按钮会将文本域的内容添加为li元素,插入到ul列表中。为了实现新留言出现在后面,使用appendChild方法。每个留言项还包括一个删除链接,通过遍历所有链接并绑定点击事件来实现在点击删除链接时移除对应的li元素,同时防止链接默认跳转。
摘要由CSDN通过智能技术生成

核心思路:

  1. 点击按钮之后,就动态创建一个li,添加到ul 里面。
  2. 创建li 的同时,把文本域里面的值通过li.innerHTML 赋值给 li
  3. 如果想要新的留言后面显示就用 appendChild 如果想要前面显示就用insertBefore
  4. 当我们把文本域里面的值赋值给li 的时候,多添加一个删除的链接
  5. 需要把所有的链接获取过来,当我们点击当前的链接的时候,删除当前链接所在的li
  6. 阻止链接跳转需要添加 javascript:void(0); 或者 javascript:;

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值