記錄使用javascript中的一些坑

一、element.child和element.childNodes的區別

• childNodes：返回一個即時的NodeList，表示元素的子節點列表，子節點可能會包含文本節點，註釋節點等。
• children：一個即時的HTMLCollection，子節點都是Element，IE9以下瀏覽器不支持。

我遇到的坑：

var childNodes = rootEle.children;
      childNodes.forEach(function(item){
        console.log(item);
      })

這段代碼會報錯：說childNodes.forEach不是一個function，然後查了childNodes的類型：

   typeof childNodes//Object
   childNodes instanceof Array //false

說明childNodes不是一個數組；
但是，通過下標又能夠訪問；

var childNodes = rootEle.children;
      console.log(childNodes[0]);
      console.log(childNodes[1]);

關於刪除節點自身的例子，removeChlid的應用：

parent.removeChild(node);//參數是要刪除的節點
刪除自身節點：
node.parentNode.removeChild(node);
例如：點擊頁面上任何一個元素節點，將把它和它的所有子節點刪除：

//應用了事件委託
document.body.onclick = function(event){
     event.target.parentNode.removeChild(event.target);
     console.log(event.target);
    }  

表單提交時的事件：onsubmit

onsubmit 事件會在表單中的確認按鈕被點擊時發生。
參考資料：http://www.w3school.com.cn/jsref/event_onsubmit.asp
例子：

<form name="testform" action="jsref_onsubmit.asp"
onsubmit="alert('Hello ' + testform.fname.value +'!')">

What is your name?<br />
<input type="text" name="fname" />
<input type="submit" value="Submit" />

</form>