這篇文章主要介紹了HTML中name、id、class有什么區(qū)別，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在一個(gè)頁面中，有許多的控件(元素或標(biāo)簽)。為了更方便的操作這些標(biāo)簽，就需要給這些標(biāo)簽標(biāo)識一個(gè)身份牌。
所需用到的屬性有：name、id、class
1. name
指定標(biāo)簽的名稱。
1.1 格式：
1.2 應(yīng)用場景
①form表單：name可作為轉(zhuǎn)遞給服務(wù)器表單列表的變量名；如上面的傳到服務(wù)器的名稱為：username='text的值';
②input type='radio'單選標(biāo)簽：把幾個(gè)單選標(biāo)簽的 name設(shè)為一個(gè)相同值時(shí)，將會(huì)進(jìn)行單選操作。
代碼如下:
男
女
③快速獲取一組name相同的標(biāo)簽：獲取擁有相同name的標(biāo)簽，一起進(jìn)行操作，如:更改屬性、注冊事件等；
[code]
function changtxtcolor() {
var txts = document.getElementsByName('txtcolor'); //獲取所有name=txtcolor 的標(biāo)簽
for (var i = 0; i < txts.length; i++) { //循環(huán)遍歷標(biāo)簽，并把背景色改為red
txts[i].style.backgroundColor = 'red';
}
}
1.3 特性
name屬性的值，在當(dāng)前page頁面中并非性。
2. id
指定標(biāo)簽的標(biāo)識。
2.1 格式：
2.2 應(yīng)用場景：
①根據(jù)提供的id號，快速獲取標(biāo)簽對象。如：document.getElementById(id)
②用于充當(dāng)label標(biāo)簽for屬性的值：示例：，表示單擊此label標(biāo)簽時(shí)，id為userid的標(biāo)簽獲得焦點(diǎn)。
2.3 特性
id屬性的值，在當(dāng)前的page頁面要是的。
3. class
指定標(biāo)簽的類名。
3.1 格式：
3.2 應(yīng)用場景：
①CSS操作，把一些特定樣式放到一個(gè)class類中，需要此樣式的標(biāo)簽，可以在添加此類。
3.3 特性：
可以把多個(gè)類，放在一個(gè)class屬性里，但必須用空格隔開；如：class='btnsubmit btnopen'
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“HTML中name、id、class有什么區(qū)別”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
