常用dom操作及知识点

删除当前node节点的所有子节点

var cNode = node.cloneNode(false);
node.parentNode.replaceChild(cNode, node);
-----------------------------------------------------
 const myNode = document.getElementById("foo");
  myNode.innerHTML = ''; （较慢）

浏览器控制台打印DOM对象的详细信息

1. 将dom作为对象的属性打印

   const p = document.querySelector('p');
   console.log({p});

2. 打印dom的隐式原型

   const p = document.querySelector('p');
   console.log(p.__proto__);

常用dom的操作方法，

appendChild 
replaceChild
dom.parentElement / parentNode