js根据CSS选择器来获取DOM元素

征战前端的小白

已于 2023-05-13 00:06:41 修改

阅读量960

点赞数 1

文章标签： css 前端 javascript

于 2023-05-12 23:56:36 首次发布

本文链接：https://blog.csdn.net/2203_75410429/article/details/130652125

版权

本文介绍了JavaScript中用于选取DOM元素的两个关键方法：querySelector用于获取匹配第一个CSS选择器的元素，而querySelectorAll返回的是匹配多个元素的伪数组，该数组有长度和索引但不具备数组方法。此外，还提到了getElementById、getElementsByTagName和getElementByClassName作为额外的DOM选取方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.选择匹配第一个元素

document.querySelector('CSS选择器')

2.选择匹配多个元素

document.querySelectorAll('CSS选择器')

会得到一个伪数组：

1.有长度有索引的数组

2.但是没有pop() push()等数组方法

可通过遍历（for）的方式来获取每一个对象

3.其他获取DOM元素方法

document.getElementById('CSS选择器')
document.getElementByTagName('CSS选择器')
document.getElementByClassName('CSS选择器')