querySelector ක්රමය
querySelector ක්රමය ඔබට
ඕනෑම CSS තෝරාගැනීමේ රිද්යාවක් භාවිතයෙන්
පිටුවේ මූලද්රව්යයක් ලබා ගැනීමට ඉඩ සලසයි.
ලබාගත් මූලද්රව්යය සමඟ විවිධ ක්රියාමාර්ග සිදු කළ හැකිය:
එහි පෙළ, ගුණාංග, CSS විලාසිතා සහ තවත් බොහෝ දේ වෙනස් කිරීම.
වාක්ය රචනා ශൈලිය
document.querySelector(තෝරාගැනීමේ රිද්යාව);
උදාහරණය
අපි #elem ඡේදය ලබාගෙන
textContent භාවිතයෙන්
එහි පෙළ වෙනස් කරමු:
<p id="elem">පෙළ</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem">!!!</p>
උදාහරණය
අපි elem පන්තිය සහිත ඡේදය ලබාගෙන
එහි පෙළ වෙනස් කරමු:
<p class="elem">පෙළ</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem">!!!</p>
බලන්න
-
getElementByIdක්රමය,
එයidමගින් මූලද්රව්යය ලබා ගනී -
querySelectorAllක්රමය,
එය තෝරාගැනීමේ රිද්යාවක් මගින් මූලද්රව්ය සමූහයක් ලබා ගනී
