DOM元素、改变背景颜色、导航条、购物车、万年历、图片切换、树形
2018-05-26 本文已影响0人
梁萌0328
一、DOM元素
Dom:
增删改查
查找：
1.元素间关系
2.HTML
ID
class
tag
name
3.querySelector()
querySelectorAll()
//增加：
//1.创建一个元素
var a=document.createElement('a');
//2.给元素添加属性或内容：
a.href='http://www.baidu.com';
a.innerHTML='GO BAIDU';
//3.追加到dom树 父元素.appendChild(子元素);
document.querySelector('div').appendChild(a);
二、改变背景颜色
body部分：
js部分：
效果：
三，导航条
body部分：
css部分：
js部分：
效果：
四、购物车
body效果
css部分：
js部分：
效果：
五、万年历
body部分：
css部分：
js部分：
效果：
六、图片切换
body部分：
css部分：
js部分：
效果：
七、树形列表
body部分：
css部分：
js部分：
