ජාවාස්ක්රිප්ට් භාවිතයෙන් HTML වගු කොටු වෙනස් කිරීම
යම් HTML වගුවක් #table දී ඇතැයි සිතමු.
වගුවේ එක් එක් කොටුව සමඟ යමක් කිරීමේ කාර්යය
අපට පැවරී ඇතැයි සිතමු, උදාහරණයක් ලෙස, ඒවායින්
සෑම එකකටම '!' පෙළ ලිවීම.
අපි මෙවැනි කාර්යයක් විසඳීමේ සියුම් කරුණු සාකච්ඡා කරමු.
ඔබ දන්නා පරිදි, HTML වගුවක් ද්වි-මාන කොටස් ඇත: පේළි ඇත, ඒවායේ කොටු ඇත. අපගේ කාර්යය පහත ආකාරයෙන් විසඳිය හැකිය: පේළි ලූපයකින් හරහා ගොස්, සෑම පේළියකම කොටු ලූපයකින් හරහා ගොස් අපට අවශ්ය ක්රියාව ඒවා සමඟ කරන්න. එනම්, ඉදිරිපත් කර ඇති විසඳුම් යෝජනා ක්රමය අපි එවැනි වගුවක් නිර්මාණය කරන ආකාරයට සමාන වේ, එය පේළි සහ කොටු වලින් පුරවමින්.
කෙසේ වෙතත්, මෙම නඩුවේදී, නෙස්ත ලූප දෙකක්
අනවශ්ය වනු ඇත: සියලුම
td ලබා ගෙන ඒවා ලූපයකින් හරහා ගෙන යා හැකිය,
අවශ්ය මෙහෙයුම කරමින්. අපි එය කරමු:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.textContent = '!';
}
යම් HTML වගුවක් සංඛ්යා සමඟ සහ බොත්තමක් දී ඇතැයි සිතමු. බොත්තම ක්ලික් කිරීමෙන් වගුවේ සෑම කොටුවකම ඇති සංඛ්යාව දෙගුණයක් කරන්න.
