JS querySelector()方法，根据选择器获取元素
querySelector()方法
JavaScript中的querySelector()方法可以根据传递的参数（一个元素选择器）来匹配获取HTML中的元素。
语法
document.querySelector( selector )
提示：selector为字符串的类型值，而且是CSS的选择器格式，比如'.className'、'#idName'等等。
querySelector()方法实例代码，及在线编辑器
<p id='e1'>这是一个段落，将通过querySelector()方法来获取该段落，并设置字体颜色为skyblue。</p>
<button id='b1'>点击设置颜色</button>
<script>
var b = document.getElementById('b1');
b.onclick = function (){
document.querySelector('#e1').style.color = 'skyblue'
}
</script>