課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
既然id選擇器只能使用一次,為什么還是會有效果
2014-08-28
源自:初識HTML(5)+CSS(3)-升級版 8-5
正在回答
你看跳行了,沒有效果,這個(gè)三年級是第三行的三年級
css里id選擇器可以用很多次,沒規(guī)定只能一次,但是html中給元素指定的id最好不要重復(fù)。在你的例子中,兩個(gè)相同id的元素都變成紅色,這是沒問題的,css不會去驗(yàn)證id的重復(fù)性,凡是符合條件的元素只管應(yīng)用樣式就行。
但JavaScript中,當(dāng)操作一個(gè)元素時(shí),需要先獲取這個(gè)元素對象,比如你例子中的“三年級”“公開課”這兩個(gè)<span>。
獲取元素對象我所知道的有四種方法
document.getElementById("id")????/*id屬性*/ document.getElementsByName("name")????/*name屬性*/ document.getElementsByTagName("tag")????/*標(biāo)簽名*/ document.getElementsByClassName("class")????/*類名*/
你在例子中給“三年級”和“公開課”指定了 id,并且 id 都為 stressid,那么你在調(diào)用document.getElementById("stressid") 時(shí)并不能獲取到兩個(gè)對象,只有“三年級”一個(gè),也就是第一個(gè)被指定為該id的元素對象。所以說,在精確定位元素的需求下,我們應(yīng)該遵守同一文檔中的 html 元素 id 唯一。
其他三個(gè)方法返回值都是集合,也就是說允許重復(fù)的存在,能夠返回所有符合條件的元素對象,可以用下標(biāo)取值。
leftwingsanna
樓上都是大神啊
不是id選擇器只能用一次,是同一個(gè)id名稱只能用一次不能重復(fù),教程沒說明白
<span id="stressid bigsizeid">三年級</span>既不支持stressid,也不支持bigsizeid
id就像身份證一樣具有唯一性,是一個(gè)標(biāo)簽的唯一標(biāo)識,而類則是描述標(biāo)簽的形容詞,可以用多個(gè)形容詞描述這個(gè)標(biāo)簽
很明顯的,沒有效果,因?yàn)橹荒苡幸粋€(gè)id,就像人不能有兩個(gè)身份證號一樣
Class可以看作為班級,而id只能是你唯一的學(xué)號,考場(javascript)上只能有你一個(gè)人的學(xué)號
1、我跟你講啊,ID就像身份證,它的作用就是用在具體一個(gè)元素的,舉個(gè)例子,你自己的身份證你能用,別人也可以拿來辦信用卡,然后透支,這樣你會收到損害,你愿意嗎?
2、ID的作用就是做用在一個(gè)物體上,相對于用在一類上的屬性時(shí)class,分工不同,所以你不要用ID來代替class。
3、一個(gè)前端的人,也可以去干后端的活,但干的不是很好,某些狀態(tài)下,會把后端的活干錯(cuò)辦砸,ID也是,它可以辦class的事,但在JS的情況下,就辦砸了,你用ID去做class的事,就是用人錯(cuò)亂,容易出大錯(cuò)。
4、古語有云,殺雞焉用牛刀,但你殺牛用雞刀,不就讓牛痛苦,自己也累得半死咯。
圖圖是個(gè)大天才
有用是有用但是如果要跟后臺做數(shù)據(jù)交互會發(fā)生很大的事故的
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答為什么class="first"要放在<p>中。
4 回答輸入color:930;時(shí)并未發(fā)現(xiàn)顏色變化
4 回答能不能幫我看看我的代碼哪里有問題,本來想設(shè)置一下文字字體和瀏覽器標(biāo)題的,結(jié)果都沒有任何改變
1 回答關(guān)于斜體和粗體的代碼問題
1 回答定寬塊狀元素的水平居中設(shè)置
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-05
你看跳行了,沒有效果,這個(gè)三年級是第三行的三年級
2016-09-14
css里id選擇器可以用很多次,沒規(guī)定只能一次,但是html中給元素指定的id最好不要重復(fù)。在你的例子中,兩個(gè)相同id的元素都變成紅色,這是沒問題的,css不會去驗(yàn)證id的重復(fù)性,凡是符合條件的元素只管應(yīng)用樣式就行。
但JavaScript中,當(dāng)操作一個(gè)元素時(shí),需要先獲取這個(gè)元素對象,比如你例子中的“三年級”“公開課”這兩個(gè)<span>。
獲取元素對象我所知道的有四種方法
你在例子中給“三年級”和“公開課”指定了 id,并且 id 都為 stressid,那么你在調(diào)用document.getElementById("stressid") 時(shí)并不能獲取到兩個(gè)對象,只有“三年級”一個(gè),也就是第一個(gè)被指定為該id的元素對象。所以說,在精確定位元素的需求下,我們應(yīng)該遵守同一文檔中的 html 元素 id 唯一。
其他三個(gè)方法返回值都是集合,也就是說允許重復(fù)的存在,能夠返回所有符合條件的元素對象,可以用下標(biāo)取值。
2016-08-01
樓上都是大神啊
2016-06-15
不是id選擇器只能用一次,是同一個(gè)id名稱只能用一次不能重復(fù),教程沒說明白
2016-04-28
<span id="stressid bigsizeid">三年級</span>既不支持stressid,也不支持bigsizeid
2016-03-03
id就像身份證一樣具有唯一性,是一個(gè)標(biāo)簽的唯一標(biāo)識,而類則是描述標(biāo)簽的形容詞,可以用多個(gè)形容詞描述這個(gè)標(biāo)簽
2016-02-22
很明顯的,沒有效果,因?yàn)橹荒苡幸粋€(gè)id,就像人不能有兩個(gè)身份證號一樣
2016-01-09
Class可以看作為班級,而id只能是你唯一的學(xué)號,考場(javascript)上只能有你一個(gè)人的學(xué)號
2015-12-29
1、我跟你講啊,ID就像身份證,它的作用就是用在具體一個(gè)元素的,舉個(gè)例子,你自己的身份證你能用,別人也可以拿來辦信用卡,然后透支,這樣你會收到損害,你愿意嗎?
2、ID的作用就是做用在一個(gè)物體上,相對于用在一類上的屬性時(shí)class,分工不同,所以你不要用ID來代替class。
3、一個(gè)前端的人,也可以去干后端的活,但干的不是很好,某些狀態(tài)下,會把后端的活干錯(cuò)辦砸,ID也是,它可以辦class的事,但在JS的情況下,就辦砸了,你用ID去做class的事,就是用人錯(cuò)亂,容易出大錯(cuò)。
4、古語有云,殺雞焉用牛刀,但你殺牛用雞刀,不就讓牛痛苦,自己也累得半死咯。
2015-12-14
有用是有用但是如果要跟后臺做數(shù)據(jù)交互會發(fā)生很大的事故的