DOM和BOM
DOM对象是文档（document）对象，页面中每一个元素（Element）抽象为一个个对象，
BOM是浏览器对象, navigator、location、history等对象
document对象
Document节点表示的整个载入的网页，它的实例是全局的document对象，它是DOM的入口，可以从document访问任意节点
- html元素：
document.documentElement - body元素：
document.body - head元素：
document.head - 文档声明：
document.doctype
// 节点之间的导航
// 获取节点的导航
var bodyEl = document.body
// 1.1 获取body所有子节点
console.log(bodyEl.childNodes)
// 1.2 获取body的第一个子节点
var firstChild = bodyEl.firstChild
// 1.3 获取body中的注释
console.log(firstChild.nextSibling)
// 1.4 获取body的父节点
console.log(bodyEl.parentNode)
DOM继承关系图
节点导航
- parentNode
- previousSibling
- nextSibling
- childNodes
- firstChild
- lastChild
元素之间导航
- children
- firstElementChild
- lastElementChild
- parentElement
- previousElementSibling
- nextElementSibling
childeNodes与children的区别：childeNodes获取所有节点（注释、文本、换行.....）,children获取所有子元素。
form表单
- document.forms
- document.forms[0].elements
- document.forms[0].elements.nameArg