1、DOM操作

```children```    子节点  儿子节点
```parentNode ``` 父节点

谷歌和火狐的方式
firstElementChild 一胎
lastElementChild 最后一胎
previousElementSibling 上一个兄弟节点
nextElementSibling 下一个兄弟节点
这是ie的方式
firstChild
lastChild
previousSibling
nextSibling

一个简单的留言板

2、事件绑定和事件冒泡

事件绑定

addEventListener 谷歌和火狐方式
removeEventListener
attachEvent ie方式
detachEvent

获取事件对象
事件
ev 火狐、谷歌
window.event ie、谷歌
兼容性写法： var oevent = ev || event
获取事件的x和y坐标
oevent.clientX oevent.clientY
相对窗口左上角的坐标

获取事件




    
    
    
    获取事件对象

取消事件冒泡

事件的属性和方法
cancelBubble ie方式、谷歌、火狐都支持
stopPropagation() 谷歌、火狐方式
事件源对象
srcElement ie、谷歌
target 火狐、谷歌

3、小知识

禁止鼠标右键
document.oncontextmenu = function () { return false }
超链接和事件同时触发
事件的属性和方法
returnValue ie、谷歌
preventDefault() 火狐、谷歌
return false ie、谷歌、火狐
键盘事件
document.onkeydown : 捕获用户点击的按钮
获取按钮的编号
oevent.keyCode




    
    
    
    小知识


    百度一下

4、正则对象

规则是一样的。
单字符：. \w \d \W \s \S \D [aoe]
数量： {m} {m,} {m,n} {0,}==* {1,}==+ {0,1}==?
match: 正则匹配
replace: 正则替换

5、表单对象

三种查找方法
（1）根据id获取
（2）document.forms 得到文档中所有的form
（3）根据name获取
document.formname
获取该表单里面input框的值，假如该input框name=user
document.formname.user.value
submit()方法
document.formname.submit() 谁都能提交
js验证表单内容需要提交

js事件操作