背景：前端的数据处理必然涉及到DOM相关操作。 该博文将为querySelector和querySelectorAll创建获取DOM节点的简单配置文件。 问： querySelectorAll和querySelector有什么区别？ 说明：1. querySelectorAll找到所有匹配的节点后，返回对应的元素节点数组。 2. querySelector找到后立即返回找到的第一个节点对象，否则返回null.3。 返回的结果是静态的。 然后，我们将介绍几个简单的Demo示例，文档结构中的变化不会影响之前获取的结果。 之后可以很容易地get到重要的点。 找到body标记下的第一个div document.body.queryselectorall (' div ' ) [0]，然后选择所有标记document.queryselectorall ) ' * )。head下的所有标签document.head.queryselectorall (' * ') class=box中的所有标签document.queryselectorall (.box ) )找到所有class=box的div标签document.queryselectorall (div.box ) 搜索所有p标记(id=lost的标记document.queryselectorall (p # lost ) )并搜索所有name=qttc的标记document.queryselectorall (* [ name ] name 在所有class=hot中，查找名称属性所在的p标记document.queryselectorall ' p.hot [ name ]