1. 程式人生 > >id和name屬性

id和name屬性

單表 不同的 script 關聯 element 不能 spa 選中 color

  id和name的聯系:

  (1)都可以用來標識一個元素

  (2)在Javascript中,通過getElementById和getElementByName都定位DOM節點。

  區別:

  (1)id具有全局唯一性,在整個文檔中不能有重復的id,主要在客戶端腳本裏使用。name屬性可以標識多個元素,同一個Form裏不能有多個name屬性相同的HTML標記,但如果一個網頁中有多個Form,則不同的Form裏可以有同個Name屬性的標記。

  (2)label與form之間的關聯必須使用到id屬性。name屬性做不到。

 <label for="hrcInput">My Input</
label> <input id="hrcInput" type="text">

  (3)在CSS樣式表中,以#+id值為前綴可以建立id樣式表,快速找到指定元素,為它設置樣式。但name值沒有辦法作為選擇器在CSS中使用。

  (4)使用Javascript進行Dom節點定位時建議使用getElementById方法,可以快速定位唯一的DOM節點,而使用getElementByName會選中多個form中具有相同name值的節點。

  (5)在多個單選input元素中

<input type="radio" name=" ">

  使用同一個name值可以實現單選功能,是name屬性特有的功能。

  (6)網頁做Post提交時,是以Form(即表單域)為單位進行提交的,一個Form裏有若幹個表單對象,同一個頁面裏可以為多個Form(Asp.net不同,它只允許有一個,且名字必須為Form1),在表單表提交到服務器端後,可以直接通過Name屬性取到表單域的值,卻無法通過ID直接取到該表表單對象的值。

  (7)IE支持在腳本中直接以id引用該id標識的對象。例如hrcInput.value,name屬性不具有這個功能。

id和name屬性