DOM元素、改变背景颜色、导航条、购物车、万年历、图片切换、树形列表

一、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部分：