欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Selectors API_html/css_WEB-ITnose

程序员文章站 2022-03-28 16:41:11
...
HTML5向Web API新引入了
document.querySelectordocument.querySelectorAll

两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。

querySelector

该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。

querySelectorAll

该方法返回所有满足条件的元素,结果是个nodeList集合。查找规则与前面所述一样。

h3 元素

h2 元素

h2 元素

h3 元素

相关标签: Selectors API