原生js常用方法、特点记录

• "156"==156 (true)
  "=="只比较表面值，不涉及数据的类型，比较类型及值使用 " === "
  同理还有"!="与"!=="
  "156" != 156 (false)
  "156" !== 156 (true)

• "&=" "|=" "^="
  对等式右边进行位运算再赋值给左边
  (将两数化为2进制数，再进行位运算)
  a &= b ==> a = a & b; (与)
  a |= b ==> a = a | b; （或）
  a ^= b ==> a = a ^ b; （异或）

• forEach 循环无法像break;一样退出,除非将其放在一个try中抛出异常

• 获取元素的父元素:

var h = document.getElementById("han")
var h_p = h.parentNode;

• 获取元素的兄弟元素/结点

var pBroEle = cur.previousElementSibling; //上一个兄弟元素
var pBroNode = cur.previousSibling; //上一个兄弟结点


var nBroEle = cur.nextElementSibling; //下一个兄弟元素
var nBroNode = cur.nextSibling; //下一个兄弟结点

• DOM结点操作

• 1. 删除当前节点cur

cur.parentNode.removeChild(cur);

• 2. 替换旧结点oldNode为新结点newNode

oldNode.parentNode.replaceChild(newNode,oldNode);

• 3. 复制结点及其属性及事件 留意参数

var clone = oldNode.cloneNode(true); //克隆结点本身以及该节点的所有后代节点

var clone = oldNode.cloneNode(false); //只克隆该节点本身

• 4. 禁止input输入框缓存内容

input.setAttribute("autucomplete","off");