如何使用for循環在另一個元素中提取元素並將其插入到JavaScript中的數組中？

Question

我需要將td元素中的所有選擇和輸入元素放在表格中。我試着先把所有的td s放到一個數組中，然後通過for循環遍歷每個td並要求提取其中的input/select元素（所有的select和input元素都有相同的類，所以我說getElementsByClassName），然後將輸入/選擇元素放置在for循環之外創建的數組中。這裏是代碼：

問題是，它只把最後一個選擇/輸入元素內inputAndSelectArray，我不明白爲什麼。

var inputAndSelectArray = []; 
 
var tdArray = document.getElementsByTagName("td"); 
 
for(i = 1; i< tdArray.length; i++){ 
 
    inputAndSelectArray = tdArray[i].getElementsByClassName("selectAndInputStyle"); 
 
}

Answer 1

使用document.querySelectorAll檢索在NodeList一次所有元素：

document.querySelectorAll('td .selectAndInputStyle'); 

See also