Verandering van HTML-tabel selle op JavaScript
Gestel daar is 'n gegewe HTML-tabel #table.
Gestel ons taak is om iets met elke sel van die tabel
te doen, byvoorbeeld, om die teks '!' in elkeen
van hulle te skryf.
Kom ons bespreek die nuanses van die oplossing van so 'n taak.
Soos jy weet, het 'n HTML-tabel 'n tweedimensionele struktuur: daar is rye, en in hulle selle. Ons kan ons taak so oplos: deur rye met 'n lus te deurloop en in elke ry die selle met 'n lus te deurloop en die nodige aksie op hulle uit te voer. Dit is, die gegewe oplossing skema is soortgelyk aan hoe ons so 'n tabel sou geskep het, deur dit met rye en selle te vul.
In hierdie geval eger, sal twee geneste lusse
oortollig wees: ons kan eenvoudig al die
td kry en hulle met 'n lus deurloop, terwyl ons
die nodige operasie uitvoer. Kom ons doen dit:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.textContent = '!';
}
Gestel daar is 'n gegewe HTML-tabel met nommers en 'n knoppie. Met 'n klik op die knoppie, verdubbel die nommer in elke sel van die tabel.
