JS基础

一.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             获取父元素节点