js queryXxxxメソッド

・特定のid値、class属性などで要素を検索できる場合
 → getXxxxxメソッド

・より複雑な検索条件で検索したい場合
 → queryXxxxメソッド

特に、getElementByIdは高速。

<ul id="list">
	<li class="a">項目1</li>
	<li class="a">項目2</li>
	<li class="b">項目3</li>
</ul>
var list = document.querySelectorAll('#list .a');
for(var i = 0, len = list.length; i < len; i++) {
	console.log(list.item(i).textContent);
}

■実行結果
項目1
項目2


var list = document.querySelector('#list .b');
console.log(list.textContent);

■実行結果
項目3

PAGE TOP