摘要:选择器的总结:1.常规的css选择器:id选择器: .id名;class选择器: #class名;tagName选择器:tagName { }2. JS中使用的,涉及到的两种方法uerySelector()返回符合条件的第一个元素querySelectorAll()返回符合条件的所有元素,返回的是一个元素集合3.获取元素的方法:01 .id属性获取元素的方法 document.getEl
选择器的总结:
1.常规的css选择器:
id选择器: .id名;
class选择器: #class名;
tagName选择器:tagName { }
2. JS中使用的,涉及到的两种方法
uerySelector()返回符合条件的第一个元素
querySelectorAll()返回符合条件的所有元素,返回的是一个元素集合
3.获取元素的方法:
01 .id属性获取元素的方法
document.getElementById(‘id’)
02.name属性获取元素的方法:
document.getElementsByName(‘name’)
该方法返回的是一个节点列表数组
name属性不是所有的元素都有,只有一些特定的元素才有,例如form表单,表单元素,图像,iframe.
可以把name当成document的属性来使用
03.标签名获取元素的方法
document.getElementsById(‘tagName’)
该方法返回的是一个元素的集合,可以使用item()方法
不仅在document上有定义,在元素也有定义;
04 使用标签名和name属性获取元素的快捷方法
以文档对象的方式访问的特定元素
Images:<img> forms:<form> links:<a> body:<body> head:<head> documentElement:<html> doctype:文档类型
05 class获取元素的方法
dcument.getElementByClassName(‘class’)
该方法可以在document对象上调用,也可以在元素上调用,一般是在父级上调用
Class支持多值:
理解:
选择器 是基于dom,能够准确的对元素进行操作,使用起来简洁,方便,高效.
批改老师:韦小宝批改时间:2019-01-05 09:24:47
老师总结:总结的很不错!选择器在多种语言中基本上都是相差不大的!比如css、js、jQuery!当然也是很重要的!