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>

全栈编程 / JavaScript语法(可向下滚动)：