javascriptでquerySelecterAllをeachで回す

querySelecerAllで該当するDOMをノードリストにする

このケースではinput type="hidden"の全てのDOMを選択した．

let nodes = document.querySelectorAll("input[type='hidden']");

ノードリストのforEach関数で1要素ずつ抽出して処理する

全要素を処理したい場合ノードリストの関数で回すのが便利そう

nodes.forEach(n => {
    n.value = '';
}) 

querySelecterAllの色々

// name=checkでかつcheckboxが選択されているものを抽出
document.querySelectorAll('input[name="check"]:checked')

// type=checkboxでname=checkのものを抽出
document.querySelectorAll('input[type="checkbox"][name="check"]')