DOM初学，个人理解！

文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容、结构和样式。

DOM 是 Document Object Model（文档对象模型）的缩写。HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

input打开页面自动获取焦点属性：autofocus；
DOM:
nodetype：1：元素节点   2：属性节点  3：文本节点
oUL.firstElementchild:第一个元素节点
oUL.lastElementchild：最后一个元素节点
oLI.parentNode:父节点，
oUL.children:子节点，不包含空节点
oUL.childNodes
:子节点，包含空节点
firstChild:第一个子节点，包含空节点
firstElementChild
：第一个子节点，不包含空节点
lastChild
：最后一个子节点，包含空节点

lastElementChild
：最后一个子节点，不包含空节点

nextSibling
：下一个兄弟节点，包含空节点

nextElementSibling
：下一个兄弟节点，不包含空节点

previousSibling
：前一个兄弟节点，包含空节点

previousElementSibling
：前一个兄弟节点，不包含空节点

offsetParent
：第一个有定位属性的父节点，如果没有，则返回body

onload  图片或加载完成
焦点事件
onfocus/onblur  获得焦点/失去焦点

onchange  表单内容发送改变

onclick  点击

ondblclick  点击两次

DOM属性获取与设置
获取方法：

element[attributename]  

element . attributename

getAttribute( attributename )    

设置属性：    
 
setAttribute( attributename, attributevalue )

删除属性：    removeAttribute( attributename )

操作子节点

创建节点 createElement( )

子节点的增删改

appendChild 在DOM子集最后添加子节点

insertBefore 在指定的已有子节点之前插入新的子节点

removeChild 删除一个节点

replaceChild 替换节点

常用属性：

className 类名

offsetWidth 宽

offsetHeight 高

offsetLeft offsetTop获取距离第一个定位父节点左上角的距离