如何应用HTML5的新选择器

1、首先我们需要准备一个HTML结构的文档供后面使用，如下图所示

2、接下来我们来回顾一下传统的JS的方式获取DOM元素的方法，如下图所示是我们比较常用的方式

3、接下来我们来看一下HTML5的方式，如下图所示，通过方法querySelector即可

4、然后我们运行一下，看一下输出，你会看到如下图所示，已经获得了相应的DOM元素

5、然后我们在来看一个querySelectorAll，很显然他是获取的一个数组，如下图所示

6、我们运行以后，你会看到如下图所示的输出，已经正确获得了DOM数组

7、综上所述，HTML5获取选择器的两个方法分别是querySelector和querySelectorAll，大家根据需要选择