如何应用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,大家根据需要选择

  • QQ群成员等级头衔怎么提升等级,积分计算
  • 如何通过jquery来更改div的样式?
  • 如何在JavaScript中调用数组元素作为函数计算值
  • 采用云计算虚拟化的好处
  • 如何用CSS制作信封图案
  • 热门搜索
    长直发发型 可恶的近义词是什么 广东革命历史博物馆 服从的近义词 怎么修改图片分辨率 怎么查看笔记本型号 考研成绩怎么查询 怎么查询银行卡卡号 口腔上火怎么办 欺负的近义词是什么