Dom

• 节点：Node——构成HTML文档最基本的单元
• 常用节点分为四类– 文档节点（document）：整个HTML文档  document对象作为window对象的属性存在 的，我们不用获取可以直接使用。– 元素节点（Element）：HTML文档中的HTML标签– 属性节点（Attr)：元素的属性  表示的是标签中的一个一个的属 性，这里要注意的是属性节点并非是元素 节点的子节点，                                  而是元素节点的一部分。 – 文本节点（Text）：HTML标签中的文本内容                    DOM常用属性：    DOM动态创建节点：1. 创建一个元素节点:    1). createElement(“标签名”): 按照给定的标签名创建一个新的元素节点. 方法只有一个参数：被创建的元素节点的名字, 是一个字符串.       方法的返回值：是一个指向新建节点的引用指针. 返回值是一个元素节点, 所以它的 nodeType 属性值等于 1.    新元素节点不会自动添加到文档里, 它只是一个存在于 JavaScript 上下文的对象.                         2. 创建一个文本节点:    1). createTextNode(“文本值”): 创建一个包含着给定文本的新文本节点. 这个方法的返回值是一个指向新建文本节点引用指针.     它是一个文本节点, 所以它的 nodeType 属性等于 3.     方法只有一个参数：新建文本节点所包含的文本字符串. 新元素节点不会自动添加到文档里                             3. 为元素节点添加子节点:    1). appendChild(): var reference = element.appendChild(newChild):     给定子节点 newChild 将成为给定元素节点 element 的最后一个子节点.                          方法的返回值是一个指向新增子节点的引用指针.                                       4. 插入节点:    1). insertBefore(): 把一个给定节点插入到一个给定元素节点的给定子节点的前面              var reference =  element.insertBefore(newNode,targetNode);         节点 newNode 将被插入到元素节点 element 中并出现在节点 targetNode 的前面. 节点 targetNode 必须是          element 元素的一个子节点。         5 删除节点:    从一个给定元素里删除一个子节点格式：var reference = element.removeChild(node);返回值：返回值是一个指向已被删除的子节点的引用指针。注意：某个节点被 removeChild() 方法删除时，这个节点所包含的所有子节点将同时被删除。常用事件：          事件说明鼠标键盘事件onclick鼠标单击事件ondbclick鼠标双击事件onmousedown鼠标按下事件onmouseup鼠标松开事件onmousemove鼠标移动事件onmouseover鼠标移动到对象上事件onmouseout鼠标离开某对象事件onkeypress按下并松开键盘按键事件onkeydown按下键盘按键事件onkeyup松开键盘按键事件 事件说明页面窗口事件onabort图片在下载时被用户中断onbeforeunload当前页面的内容将要被改变时触发此事件onerror出现错误时触发此事件onload页面内容完成时触发此事件onmove浏览器的窗口被移动时触发此事件onresize当浏览器的窗口大小被改变时触发此事件onscroll浏览器的滚动条位置发生变化时触发此事件onstop浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunload当前页面将被改变时触发此事件 事件说明表单事件Onblur当前元素失去焦点时触发此事件onchange当前元素失去焦点并且元素的内容发生改变而触发此事件onfocus当某个元素获得焦点时触发此事件onreset当表单中RESET的属性被激发时触发此事件onsubmit一个表单被递交时触发此事件<