📅  最后修改于: 2022-03-11 15:01:32.095000             🧑  作者: Mango
unction filterTable() {
// Variables
let dropdown, table, rows, cells, country, filter;
dropdown = document.getElementById("countriesDropdown");
table = document.getElementById("myTable");
rows = table.getElementsByTagName("tr");
filter = dropdown.value;
// Loops through rows and hides those with countries that don't match the filter
for (let row of rows) { // `for...of` loops through the NodeList
cells = row.getElementsByTagName("td");
country = cells[1] || null; // gets the 2nd `td` or nothing
// if the filter is set to 'All', or this is the header row, or 2nd `td` text matches filter
if (filter === "All" || !country || (filter === country.textContent)) {
row.style.display = ""; // shows this row
}
else {
row.style.display = "none"; // hides this row
}
}
}
Name Country
Inga Sweden
Helena Sweden
Hans Germany
Anna Germany