逆引きマニュアル: JavaScript: あるセレクタを持つ要素全てを処理する

やりたいこと

あるCSSセレクタを持つ要素に対して、全て処理をする場合のコードです。

必要なもの

• CSSセレクタからNodeListを返すAPI: document.querySelectorAll
• NodeListの各要素に対して処理するAPI: NodeList
  • for…of

制限事項

for...ofはIEでは未サポートのようです。 IEをサポートする場合は、NodeList.length, NodeList.item()を使用してください。

コード例

function clearCheckbox(){
  var checks = document.querySelectorAll('.sample-checkbox');
  for(var check of checks) {
    check.checked = false;
  }
}

マニュアル

• JavaScript