JavaScript文档对象模型【节点是什么，查找改变元素，增加删除节点】

一，DOM（Document Object Model，文档对象模型）
HTML的标签=HTML的元素=节点=对象
1，DOM的作用：查看节点，创建节点，增加节点，删除节点，替换节点

2，有一些什么节点
1)整个文档是一个文档节点
2）每一个HTML标签是一个元素节点
3）包含在HTML元素的文本是文本节点
4）注释叫注释节点

3，document对象 的常用属性
1）bgColor 页面的背景颜色
2）fgColor 文本的颜色
3）title 页面标题

4，document对象查找HTML元素的方法
1）getElementById 通过id获取HTML元素对象
2）getElementsByTagName 通过标签名获取HTML页面元素对象
3）getElementsByName 通过name属性获取HTML页面元素对象
4）getElementsByClassName 获取所有指定类名的HTML元素对象
ps：innerHTML属性。这个属性几乎所有元素对象都有。这个属性是一个字符串。用来获取或者设置标签之间的HTML的内容

二，document对象改变HTML
1，document对象改变HTML输出流
语法：document.write()
2, document对象改变HTML内容
语法：document.getElementById(id).innerHTML=新的HTML内容
3，document对象改变HTML样式
语法：document.getElementById(id).style.样式属性
4，document对象改变HTML属性
语法：document.getElementById(id).属性

三，DOM节点操作
1，节点属性
1）parentNode 当前节点的父节点
2）childNodes 当前节点的子节点
3）firstChild 当前节点的第一个子节点
4）lastChild 当前节点的第一个父节点
5）previousSibling 当前节点的前一个兄弟节点
6）nextSibling 当前节点的后一个兄弟节点

2，添加节点和删除节点
1）添加节点
createElement添加节点
appendChild（）将节点放在现有子节点的末尾（放置位置）
2）删除节点
removeChild删除节点