id和name屬性
阿新 • • 發佈:2017-07-29
單表 不同的 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屬性