queryselector用法 es6
querySelector是一个方法，用于选取DOM中匹配特定选择器的第一个元素。它是Document对象的方法，可以通过文档对象直接调用。其语法格式如下：
document.querySelector(selector)
其中，selector是一个字符串参数，可以是任何有效的CSS选择器。该方法返回第一个符合选择器的DOM元素，如果没有到符合条件的元素，返回null。
除了document对象之外，querySelector方法也可以在其他DOM元素上调用，以限定在指定元素的后代元素中查。
在ES6中，我们可以使用querySelector方法来选取DOM元素并对其进行操作。例如：
``` JavaScript
const element = document.querySelector('.container'); //选取class为.container的第一个元素
lor = 'red'; //修改选中元素的文本颜为红
```
同时，querySelector也支持一些常见的CSS选择器语法，例如：
``` JavaScript
const links = document.querySelectorAll('a'); //选取所有<a>元素
const paragraphs = document.querySelectorAll('.container p'); //选取class为.container下的所有<p>元素
links.forEach(link => {
lor = 'blue'; //修改所有<a>元素的文本颜为蓝
});
paragraphs.forEach(paragraph => {
es6字符串转数组
paragraph.style.fontSize = '16px'; //修改所有<p>元素的字体大小为16px
});
```
需要注意的是，querySelectorAll方法返回的是一个NodeList对象，它类似于一个数组，可以通过forEach方法进行遍历。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。