【JavaScript】要素を取得するメソッド３つ+α

const els = document.getElementById('id-txt');

//.cls-txtを持つ全ての要素を取得
const els = document.getElementsByClassName('cls-txt');
//.cls-txtと.cls-redを両方持つ全ての要素を取得
const els = document.getElementsByClassName('cls-txt cls-red');

//出力例
for ( let i = 0; i < els.length; i ++ ){
	console.log(els[i]);
}

const els = document.getElementById("id-txt").getElementsByClassName("cls-txt");

// class
const els = document.querySelector('.txt');
// ID
const els = document.querySelector('#txt');
// データ属性
const els = document.querySelector('[type="text"]');
// 属性値
const els = document.querySelector('[data-attr]');
// 複合セレクタ
const els = document.querySelector('input[type="text"].cls-txt#id-txt');

const els = document.querySelectorAll('.txt');