使用document.querySelector()和document.querySelectorAll()，并将CSS选择器作为参数传入

//标签选择器

document . query select or(' div ')；

//id选择器

document . query select or(' # app ')；

//组选择器

document . query select or(' body div ')；

注意：

1.queryseletor()返回一个元素节点，querySelectorAll()返回一个NodeList实例对象；

2.两种方法都支持复杂的CSS选择器，但不支持伪类和伪元素选择器；

3.这两种方法不仅在文档上定义，而且在元素节点上定义。例如，您可以使用：document。body.queryselector()。