网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何应用HTML5的新选择器

时间:2024-10-14 12:23:55

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

如何应用HTML5的新选择器

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

如何应用HTML5的新选择器

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

如何应用HTML5的新选择器

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

如何应用HTML5的新选择器

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

如何应用HTML5的新选择器

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

如何应用HTML5的新选择器

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

© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com