删除元素

在stack overflow上面回答个问题，关于删除元素的.

我贴了这个( A.removeChild(B).A is parent node of B, B is the node to delete)

 var node = document.getElementById("d");
  if (node.parentNode) {
          node.parentNode.removeChild(node);
   }
    

　　另外一位同学还给了另外一种方式

var ele = document.getElementById("d");
ele.outerHTML = "";
delete ele;

　　真是长见识了，头回见用outerHTML来删除元素的.蛮神奇的.

另补充下innerHTML innerText outerHTML outerText的区别

• innerHTML 设置或获取位于对象起始和结束标签内的 HTML
• outerHTML 设置或获取对象及其内容的 HTML 形式
• innerText 设置或获取位于对象起始和结束标签内的文本
• outerText 设置(包括标签)或获取(不包括标签)对象的文本

       简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于： 

1.  innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。 
2.  在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。

     上图