原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

父级元素：
      元素.parentNode

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

父级元素：
      元素.parentNode

原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

父级元素：
      元素.parentNode

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

父级元素：
      元素.parentNode

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时，返回true，否则返回false

      event.ctrlKey 按ctr时，返回true，否则返回false

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时，返回true，否则返回false

      event.shiftKey 按shift时，返回true，否则返回false

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.ctrlKey 按ctr时，返回true，否则返回false

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时，返回true，否则返回false

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时，返回true，否则返回false

      event.shiftKey 按shift时，返回true，否则返回false

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.shiftKey 按shift时，返回true，否则返回false

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时，返回true，否则返回false

event事件

event事件的兼容 如：var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素，不一定是事件绑定的元素，可能是发生事件冒泡的下级元素

event.clientX / event.clientY ： 鼠标到页面可视区（屏幕），左边/顶部的距离 （只有数字，没有单位）

event.pageX / event.pageY 到整个网页的值

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡，阻止本身的事件（阻止在该语句之后的事件，之前的事件无法阻止） 标准浏览器

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent（IE）所触发的默认行为

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3（测鼠值时必须使用mousedown、或者mouseup，否则出现问题）

      event.shiftKey 按shift时，返回true，否则返回false

      event.ctrlKey 按ctr时，返回true，否则返回false

      event.keyCode 返回键值的编码值