js阶段 - DOM练习

1. 点击添加小方块功能

功能说明:

  1. 点击 + 按钮,在按钮前面添加一个小方块

  2. 小方块的颜色随机

  3. 红色容器中可以放多少个小方格,由当前div的宽度 和 高度计算出来

  4. 点击彩色小方块可以删除被点击的小方块

使用知识点:

  clientWidth 元素的宽度

  clientHeight 元素的高度

  createElement创建元素

  removeChild 移除元素

  random 随机数

  getComputedStyle  获取css样式

 

 2.留言板效果

 

功能描述:

  点击发表,添加留言

  最新的留言,在最上面

  点击删除,删除当前留言

 使用知识点:

  创建节点 createElement

  添加属性 setAttribute()

  追加节点 insertBefore()

3. 购物车效果

 

功能:

  点击 + - 能够对数量进行操作

  数量改变的时候,单个商品的总结也需要进行计算

  点击商品前面的选中,可以计算多个商品的总价

 

 

 

 

 

 

 

posted @ 2021-09-24 18:25  冉姑娘  阅读(219)  评论(0编辑  收藏  举报