js阶段 - DOM练习
1. 点击添加小方块功能
功能说明:
1. 点击 + 按钮,在按钮前面添加一个小方块
2. 小方块的颜色随机
3. 红色容器中可以放多少个小方格,由当前div的宽度 和 高度计算出来
4. 点击彩色小方块可以删除被点击的小方块
使用知识点:
clientWidth 元素的宽度
clientHeight 元素的高度
createElement创建元素
removeChild 移除元素
random 随机数
getComputedStyle 获取css样式
2.留言板效果
功能描述:
点击发表,添加留言
最新的留言,在最上面
点击删除,删除当前留言
使用知识点:
创建节点 createElement
添加属性 setAttribute()
追加节点 insertBefore()
3. 购物车效果
功能:
点击 + - 能够对数量进行操作
数量改变的时候,单个商品的总结也需要进行计算
点击商品前面的选中,可以计算多个商品的总价