區別js中name與id的簡單方法

舉個簡單的例子：
 <form name="form1"> 
    用戶名：<input type=text name="username" id="username"> 
    密碼：<input type=password name="password" id="pwd">
 </form> 
如果我要獲得用戶名和密碼;
JS用name獲得的話，就得寫成document.form1.username.value; document.form1.password.value;
 用id獲得： docuement.getElementById("username"); docuement.getElementById("pwd"); 
有時候name 可能會出現相同的名字，所以這時候我們用name獲得就無法確定獲得的是哪個值了。 document.getElemntsByName("username"); 這里得到的是一個數組。可以說幾乎每個做過Web開發的人都問過，到底元素的ID和Name有什么區別阿？為什么有了ID還要有Name呢?! 而同樣我們也可以得到最classical的答案：ID就像是一個人的身份證號碼，而Name就像是他的名字，ID顯然是唯一的，而Name是可以重復的。 name原來是為了標識之用，但是現在根據規范，都建議用id來標識元素。
一、以下只能用name： 
1. 表單（form）的控件名，提交的數據都用控件的name而不是id來控制。因為有許多name會同時對應多個控件，比如 checkbox和radio，而id必須是全文檔中唯一的。此外瀏覽器會根據name來設定發送到服務器的request。因此如果用id，服務器是無 法得到數據的。 
2. frame和window的名字，用於在其他frame或window指定target。 
二、以下只能用id：
 1. label與form控件的關聯， My Input for屬性指定與label關聯的元素的id，不可用name替代。
 2. CSS的元素選擇機制，以#MyId的方式指定應用樣式的元素，不能用name替代。 
 3. 腳本中獲得對象： IE支持在腳本中直接以id（而不是name）引用該id標識的對象。例如上面的input，要在腳本中獲得輸入的內容，可以直接以 MyInput.value來獲得。 如果用DOM的話，則用document.getElementByIdx_x("MyInput").value，如果要用name的話，通常先得到包含控件的form，例如 document.forms[0]，然后從form再引用name，注意這樣得到的是經過計算后將發送給服務器的值。 name與id的其他區別是： id要符合標識的要求，比如大小寫敏感，最好不要包含下划線（因為不兼容CSS）。而name基本上沒有什么要求，甚至可以用數字 。 用CSS控制這個鏈接的停留樣式， 可以這樣寫 #m_blog div.opt a:hover{color:#D57813} 或 #myLink:hover{color:#D57813} NAME主要應用在交互式網頁，表單提交給某個服務器端腳本后接收變處理量使用。從源代碼的規范性和兼容性角度出發，如在客戶端 腳本里要索引某個對象，建議用document.getElementByIdx_x()方法，盡量不要直接使用NAME的值