querySelector

#DOMとは
本題の前に。
DOMとは、Document　Object Modelといいます。
Webブラウザは、HTMLファイルを読み込みWebページを表示しています。そのため、私達は、Webブラウザを見ることができます。
JSはHTMLを書き換えることができますが、直接は手を出すことができません。
そこでDOMを使って、文章を構造化して操作しています。
中身をツリー化しています。各要素のことをノードといいます。

DOM操作では、HTMLタグで表す要素(Element)を選択して操作します。
Elementとは、ノードを継承したオブジェクトです。
よく使われるのは、querySelector()とquerySelectorAll()です。

#cssセレクター
上記のメソッドは、CSSセレクターを引数として要素を選択します。
cssセレクターとは、cssで使われている要素を指します。

index.js

document.querySelector('h1'); *タグの要素

document.querySelector('#form'); *id名

document.querySelector('.title'); *クラス名

document.querySelector('[src="image/images...."]'); *属性名の指定した要素

document.querySelector('.title p'); *セレクタ−のなかのセレクター

書き換えによく使われます。