摘要:選擇器的總結(jié):1.常規(guī)的css選擇器:id選擇器: .id名;class選擇器: #class名;tagName選擇器:tagName { }2. JS中使用的,涉及到的兩種方法uerySelector()返回符合條件的第一個元素querySelectorAll()返回符合條件的所有元素,返回的是一個元素集合3.獲取元素的方法:01 .id屬性獲取元素的方法 document.getEl
選擇器的總結(jié):
1.常規(guī)的css選擇器:
id選擇器: .id名;
class選擇器: #class名;
tagName選擇器:tagName { }
2. JS中使用的,涉及到的兩種方法
uerySelector()返回符合條件的第一個元素
querySelectorAll()返回符合條件的所有元素,返回的是一個元素集合
3.獲取元素的方法:
01 .id屬性獲取元素的方法
document.getElementById(‘id’)
02.name屬性獲取元素的方法:
document.getElementsByName(‘name’)
該方法返回的是一個節(jié)點列表數(shù)組
name屬性不是所有的元素都有,只有一些特定的元素才有,例如form表單,表單元素,圖像,iframe.
可以把name當(dāng)成document的屬性來使用
03.標(biāo)簽名獲取元素的方法
document.getElementsById(‘tagName’)
該方法返回的是一個元素的集合,可以使用item()方法
不僅在document上有定義,在元素也有定義;
04 使用標(biāo)簽名和name屬性獲取元素的快捷方法
以文檔對象的方式訪問的特定元素
Images:<img> forms:<form> links:<a> body:<body> head:<head> documentElement:<html> doctype:文檔類型
05 class獲取元素的方法
dcument.getElementByClassName(‘class’)
該方法可以在document對象上調(diào)用,也可以在元素上調(diào)用,一般是在父級上調(diào)用
Class支持多值:
理解:
選擇器 是基于dom,能夠準(zhǔn)確的對元素進(jìn)行操作,使用起來簡潔,方便,高效.
批改老師:韋小寶批改時間:2019-01-05 09:24:47
老師總結(jié):總結(jié)的很不錯!選擇器在多種語言中基本上都是相差不大的!比如css、js、jQuery!當(dāng)然也是很重要的!