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

/*var mytable=document.getElementById('mytable')

mytable.style.borderColor="#000"

var nodetr=mytable.firstChild.getElementsByTagName('tr')

for(var i=0i<nodetr.lengthi++)

{

nodetr[i].firstChild.style.borderColor="#000"

}*/

首先获取需要设置字体颜色的DOM元素对象，然后使用style对象的color属性来设置字体颜色，语法“DOM对象.style.color="颜色值"”。

首先定义一个h元素。不允许在h1标签中添加任何字符，可以通过css或js定义，使其aaa为红色bbb为黄色ccc为蓝色

JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。

---