js开发实例 —— 简单版发布留言&简单版删除留言

十一、简单版发布留言

思路：

① 核心思路:点击按钮之后,就动态创建一个i ,添加到ul里面。

② 创建li的同时,把文本域里面的值通过i.nnerHTML赋值给li 。

③ 如果想要新的留言后面显示就用appendChild如果想要前面显示就用insertBefore 。

HTML 代码：

JS 代码：

十二、简单版删除留言（接十一）

思路：

① 当我们把文本域里面的值赋值给1i的时候,多添加一个删除的链接 。

② 需要把所有的链接获取过来.当我们点击当前的链接的时候,删除当前链接所在的li。

③ 阻止链接跳转需要添加jvcipioido;i或者javscrit.

HTML 代码：

见十一。

JS 代码：