querySelector
Coddyの「JavaScript DOM メソッド」コースのレッスン 8/13。
querySelector() 関数は、強力な CSS風のセレクターに一致する最初の要素を選択し、複雑な要素の選択において以前のメソッドよりも高い柔軟性を提供します。例：
const button = document.querySelector("#btn");これは、btn という id を持つ button 要素にアクセスする方法です。
チャレンジ
簡単ボタンを含むHTMLコードが与えられています。
JavaScriptのみを使用して、
querySelector関数を使用して要素を取得してください。styleプロパティを使用して、backgroundColorをredに変更してください。styleプロパティを使用して、colorをwhiteに変更してください。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>