HTML टेबल की सेल्स को JavaScript में बदलना
मान लीजिए कि एक HTML टेबल #table दी गई है।
मान लीजिए कि हमारे सामने टेबल की प्रत्येक सेल के साथ कुछ करने का कार्य है, उदाहरण के लिए, उनमें से प्रत्येक में
टेक्स्ट '!' लिखना है।
आइए ऐसे कार्य को हल करने की बारीकियों पर चर्चा करें।
जैसा कि आप जानते हैं, एक HTML टेबल की एक दो-आयामी संरचना होती है: पंक्तियाँ होती हैं, और उनमें सेल्स होती हैं। हम हमारे कार्य को निम्न तरीके से हल कर सकते हैं: पंक्तियों को एक लूप से पार करें और प्रत्येक पंक्ति में सेल्स को एक लूप से पार करें और उनके साथ हमारी आवश्यक क्रिया करें। यानी प्रस्तुत समाधान योजना उसी तरह की है जैसे हम ऐसी टेबल बनाते समय पंक्तियों और सेल्स को भरकर बनाते।
हालाँकि, इस मामले में, दो नेस्टेड लूप
अनावश्यक होंगे: हम बस सभी
td प्राप्त कर सकते हैं और उन्हें एक लूप से पार कर सकते हैं, आवश्यक
ऑपरेशन करते हुए। आइए इसे करते हैं:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.textContent = '!';
}
मान लीजिए कि संख्याओं वाली एक HTML टेबल और एक बटन दी गई है। बटन दबाने पर टेबल की प्रत्येक सेल में संख्या को दोगुना कर दें।
