Chromeディベロッパーツールの使い方

はじめに

Chromeディベロッパーツールの基本的な使い方をまとめます。

方法

HTML の要素の探し方

• ID で探す
  document.querySelectorAll('#id);

• クラスで探す
  document.querySelectorAll('.class');

• タグで探す
  document.querySelectorAll('tag');

• name で探す
  document.querySelectorAll('input[name="name"]');

• 属性で探す
  document.querySelectorAll('属性名="値"]');