創建和刪除節點：——核心DOM

 1. 創建單個元素節點：3步：
      1. 創建空元素節點對象：
         var elem=document.createElement("標簽名");
        比如: var a=document.createElement("a");
          html: <a></a>
      2. 設置新元素的關鍵屬性：
        比如: a.href="http://tmooc.cn";
              a.innerHTML="go to tmooc";
          html: <a href="http://tmooc.cn">go to tmooc</a>
      3. 將新節點掛到DOM Tree的指定父節點下：3種：
        追加：parent.appendChild(elem);
        插入：parent.insertBefore(elem,oldElem);
        替換：parent.replaceChild(elem.oldElem);
   2. 創建多個平級元素節點：3步：
      1. 先創建一個文檔片段對象：
         var frag=document.createDocumentFragment();
         文檔片段：記憶體中臨時保存一個DOM子樹的對象
         何時使用：只要添加多個平級節點時，都要先放入文檔片段，再將文檔片段整體掛到DOM Tree上
      2. 將子節點先放入文檔片段
      3. 將文檔片段整體掛到DOM Tree上
        文檔片段本身不會出現在DOM Tree上，只會將元素加入DOM樹

   3. 刪除：parent.removeChild(子節點);
        子節點.parentNode.removeChild(子節點);

2. HTML DOM常用對象：
   1. Select對象：
      事件：onchange 選中項發生改變時
      屬性：sel.selectedIndex 獲得當前選中項的位置
            sel.options 獲得sel下所有option元素對象
      方法：sel.add(opt) 將opt追加到sel下
            sel.remove(i) 刪除sel下i位置的option元素
      Option對象：
      創建一個新option：var opt=new Option(text,value);
          相當於核心DOM三句話:
               var opt=document.createElement("option");
               opt.value=value;
               opt.innerHTML=text;
      屬性：opt.index 獲得當前opt所在的位置下標
            opt.text  opt.value: 分別獲得innerHTML和value
            opt.selected: 判斷當前opt是否被選中！
                 強調：opt的selected不是bool值！
                       但是卻可直接作為條件判斷

      創建option同時，追加到select中：
              sel.add(new Option(text,value));