DOM中选择器总结

Original 2019-03-15 15:20:50 344
abstract:总结:1、ID选择器:通过元素上指定的id获取到元素    语法:document.getElementById(id)2、class选择器:通过元素上指定的class名获取到元素的集合,通过item()方法获取到单个元素,该方法不仅可以在文档对象上调用,也可以在元素上直接调用。    语法:documentgetEl

总结:

1、ID选择器:通过元素上指定的id获取到元素

    语法:document.getElementById(id)

2、class选择器:通过元素上指定的class名获取到元素的集合,通过item()方法获取到单个元素,该方法不仅可以在文档对象上调用,也可以在元素上直接调用。

    语法:documentgetElementsByClassName('class')

3、tagname选择器:通过标签吗来获取元素的集合,该方法也可以通过item()方法获取单个元素。

    语法:document.getElementsByTagName('标签名')

4、name选择器:该方法返回的也是元素的集合,可以通过item()方法回去单个元素。name属性并不是所有元素都有,只有特定元素上才拥有

    语法:getElementsByName()

5、css选择器:第一个返回元素的集合,第二个返回元素的第一个元素

    语法:querySelectorAll('li')    

               querySelector('li')

Correcting teacher:查无此人Correction time:2019-03-16 09:15:44
Teacher's summary:完成的不错。js选择器是基础知识,学会后,写页面效果很容易。继续加油

Release Notes

Popular Entries