如何应用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制作信封图案
  • 热门搜索
    武汉生活网 cf老掉线怎么回事 皮卡丘是什么意思 恶毒女配的悠然生活 一汽森雅r7怎么样 兰州拉面的汤怎么做 汽车磨合期怎么开 身份证丢失如何补办 马3昂克赛拉怎么样 铁矮人五分熟怎么做