如何应用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制作信封图案
  • 热门搜索
    消化不好怎么调理 赫莲娜怎么样 怎么退出公会 耄耋怎么读音 三方协议丢了怎么办 葵力果效果怎么样 怎么退群 电子版手抄报怎么做 射里面了怎么办 燮字怎么读