一.DOM节点操作方法#
appendChild() 追加一个子节点
removeChild() 删除一个子节点
replaceChild() 替换子节点
insertBefore() 在一个子节点前插入一个子节点
createAttribute() 创建一个属性节点
createElement() 创建一个元素节点
createTextnode() 创建一个文本节点
cloneNode() 克隆节点
getAtttribute() 获取属性
setAtttribute() 设置属性
二.事件类型以及含义#
load 事件在用户页面或图片加载完成时发生
unload 事件在用户关闭页面是发生
blur 事件在对象失去焦点时发生改变
focus 事件在对象获得焦点时发生改变
select 事件会在文本框中的文本被选中是发生
change 事件会在域的内容发生改变时发生
reset 事件会在表单的重置按钮被点击时发生
submit 事件会在表单的提交按钮被点击时发生
click 事件会在对象被点击时发生
dbclick 事件会在对象被双击时发生
mouseover 鼠标指针移到指定位置上时发生
mouseout 鼠标指针移出指定位置上时发生
mousedown 鼠标按键被按下时发生
mouseup 鼠标键盘被松开时发生
mousemove 事件会在鼠标指针移动式发生
keydown 在用户按下一个键盘按键时发生
keyup 键盘按键松开时发生
keypress 键盘按键被按下并释放一个键时发生
三.Event对象属性含义#
event.stopPropagation() 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播
event.proventdefault() 取消事件的默认动作
event.offsetX() 鼠标相对于触发事件的元素的X坐标
event.clientX() 鼠标相对于浏览器窗口可视区域的X坐标（不包括工具栏和滚动条）
event.screenX() 事件发生时鼠标指针相对于屏幕的水平坐标
event.keyCode 获得按键的code值
四.节点对象的属性#
parentNode 当前节点的唯一直接父节点
firstChild 当前节点的第一个子节点
lastChild 当前节点的最后一个子节点
nextSibling 当前节点的下一个兄弟节点
previousSibling 当前节点的上一个兄弟节点
childNodes 当前节点的所有子节点，组成一个类数组对象
五.元素对象的属性#
firstElementChild 第一个子元素节点
lastElementChild 最后一个子元素节点
nextElementSibling 下一个兄弟元素节点
previousElementSibling 上一个兄弟元素节点
childElementCount 子元素节点数量
children 获取所有的子元素节点，是一个只读属性
parentElement 获取父元素节点
