图片切换的相册效果
新闻/军事/时尚--->tab切换效果
注册表单：检查“用户名没输入”等效果
特效就是DOM操作的具体应用
DOM操作就是用js来写html代码
节点/元素/标签
如何操作DOM对象？
对DOM操作
修改---->先找到这个节点
删除---->先找到这个节点
添加---->先造出一个节点，然后插入，插入到哪儿？--->找节点来定位
DOM节点的“查找”
1、document.getElementById：根据id来查找节点，返回的是“节点”本身
2、document.getElementsByTagName：通过标签来查找节点，返回“数组”
3、document.getElementsByName:通过name属性来查找节点，返回“数组”
注意：早期浏览器中认为name只出现表单中，因此，document.getElementsByName只对表单中的元素发挥作用
后来，部分浏览器把name属性扩展到一般的元素，如div，但是ie没变，还是只能对表单使用byName，因此出于兼容性，
我们只应对表单使用byName
DOM中查找节点的思路：由大到小来寻找，个别情况也可能由子到父
由大到小：通过下面3个方法来进行大的定位
1、document.getElementById：根据id来查找节点，返回的是“节点”本身
2、document.getElementsByTagName：通过标签来查找节点，返回“数组”
3、document.getElementsByName:通过name属性来查找节点，返回“数组”
如果还没有查到想要的节点，还可以继续根据前面已经找到的节点再次定位，继续查找
1、查找子元素
childNodes/children[index]
2、查找父元素
node.parentNode ----->来获取父元素
2.5、firstChild、lastChild
3、nextSibling,previousSibling兄弟元素
这4个属性受“空白”文本影响，建议不用
4、如果查到的某个元素仍然非常大，这个时候
我们还可以利用getElementByTagName来进一步筛选
注意：对于元素对象和document对象相比，
元素对象只能利用第2个函数，其他两个不可以使用
1、getElementById
2、getElementsByTagName
3、getElementsByName
children:可以过滤掉空白节点，非w3c的标准，但主流浏览器支持
所有的元素都能够用style--css来控制
所有的元素都有一个属性---style对象
