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

舉個簡單的例子：

如果我要獲得使用者名稱和密碼;

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 或 #mylink:hover name主要應用在互動式網頁，表單提交給某個伺服器端指令碼後接收變處理量使用。從源**的規範性和相容性角度出發，如在客戶端指令碼裡要索引某個物件，建議用document.getelementbyidx_x()方法，盡量不要直接使用name的值

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

html中name與id的區別

HTML中ID與Name的區別2

spring的id與name的區別

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

html中name與id的區別

HTML中ID與Name的區別2

spring的id與name的區別

相關推薦