选择器的总结及自己的理解

原创 2019-01-05 09:18:16 316
摘要:选择器的总结: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!当然也是很重要的!

发布手记

热门词条