query获取整个节点html,JavaScript中querySelector()获取HTML元素的方法介绍

QuerySelector()是一种可以从JavaScript 检测和获取任意HTML元素的方法，虽然JavaScript从开始就有可以获得HTML元素的getElemenById()和getElemetnsByClasNamo()等方法，但是，如果使用querySelector()，则可以在jQuery意义上有选择地指定HTML元素，而无需了解id属性值，class属性值等。

简而言之，就是可以使用querySelector()检索任何HTML元素。

我们先来看一下querySelector()的基本语法

通常将在目标范围上执行querySelector()。document.querySelector( CSS选择器 )

在这种情况下将对整个document执行querySelector()。可以通过为参数指定类似jQuery的CSS选择器来获取任意HTML元素。

需要注意的是，程序在获取第一个匹配的HTML元素时就会结束。

也就是说，如果要获取多个元素就需要来创建一个循环过程，或者使用我们将在后面会说到的querySelectorAll().

我们继续来看如何使用querySelector()？

获取具有ID和Class属性的HTML元素

示例如下

HTML

标题示例

内容示例

JavaScriptvar elem1 = document.q