querySelector ක්‍රමය

querySelector ක්‍රමය ඔබට ඕනෑම CSS තෝරාගැනීමේ රිද්‍යාවක් භාවිතයෙන් පිටුවේ මූලද්‍රව්‍යයක් ලබා ගැනීමට ඉඩ සලසයි. ලබාගත් මූලද්‍රව්‍යය සමඟ විවිධ ක්‍රියාමාර්ග සිදු කළ හැකිය: එහි පෙළ, ගුණාංග, CSS විලාසිතා සහ තවත් බොහෝ දේ වෙනස් කිරීම.

වාක්‍ය රචනා ශൈලිය

javascriptdocument.querySelector(තෝරාගැනීමේ රිද්‍යාව);

උදාහරණය

අපි #elem ඡේදය ලබාගෙන textContent භාවිතයෙන් එහි පෙළ වෙනස් කරමු:

html<p id="elem">පෙළ</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<p id="elem">!!!</p>

උදාහරණය

අපි elem පන්තිය සහිත ඡේදය ලබාගෙන එහි පෙළ වෙනස් කරමු:

html<p class="elem">පෙළ</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<p id="elem">!!!</p>

බලන්න