在一個(gè)頁(yè)面中马僻,有許多的控件(元素或標(biāo)簽)。為了更方便的操作這些標(biāo)簽,就需要給這些標(biāo)簽標(biāo)識(shí)一個(gè)身份牌荡灾。
1.Name
指定標(biāo)簽的名稱(chēng)。
1.1 格式
input type="text"name="username"
1.2 應(yīng)用場(chǎng)景
①form表單:name可作為轉(zhuǎn)遞給服務(wù)器表單列表的變量名瞬铸;如上面的傳到服務(wù)器的名稱(chēng)為: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)行操作,如:更改屬性拦宣、注冊(cè)事件等截粗。
function changtxtcolor() {vartxts = document.getElementsByName('txtcolor');//獲取所有name=txtcolor 的標(biāo)簽for(vari =0; i < txts.length; i++) {//循環(huán)遍歷標(biāo)簽,并把背景色改為redtxts[i].style.backgroundColor ='red';
}
}
1.3 特性
name屬性的值鸵隧,在當(dāng)前page頁(yè)面中并非唯一性绸罗。
2.Id
指定標(biāo)簽的唯一標(biāo)識(shí)。
2.1 格式
input type=passwordid="userpwd"
2.2 應(yīng)用場(chǎng)景
①根據(jù)提供的唯一id號(hào)豆瘫,快速獲取標(biāo)簽對(duì)象珊蟀。如:document.getElementById(id)
②用于充當(dāng)label標(biāo)簽for屬性的值:示例:用戶(hù)名:,表示單擊此label標(biāo)簽時(shí)外驱,id為userid的標(biāo)簽獲得焦點(diǎn)系洛。
2.3 特性
id屬性的值俊性,在當(dāng)前的page頁(yè)面要是唯一的。
3.Class
指定標(biāo)簽的類(lèi)名描扯。
3.1 格式
input type=buttonclass="btnsubmit"
3.2 應(yīng)用場(chǎng)景
①CSS操作定页,把一些特定樣式放到一個(gè)class類(lèi)中,需要此樣式的標(biāo)簽绽诚,可以在添加此類(lèi)典徊。
3.3 特性
可以把多個(gè)類(lèi),放在一個(gè)class屬性里恩够,但必須用空格隔開(kāi)卒落;如:class='btnsubmit btnopen'