JavaScript භාවිතයෙන් අංගවල පාඨය සමඟ වැඩ කිරීම
DOM අංගවලට textContent යන ගුණාංගය ඇත,
මෙමඟින් එම අංගවල පාඨය කියවීමට හැකි වේ.
අපි උදාහරණයක් බලමු. අප සතුව
පහත ටැගය ඇති බව සිතමු:
<p id="elem">text</p>
මෙම ටැගය වෙත සබැඳියක් ලබා ගනිමු විචල්යයකට:
let elem = document.querySelector('#elem');
ටැගයේ පාඨය කියවමු:
console.log(elem.textContent);
ටැගයේ පාඨය වෙනස් කරමු:
elem.textContent = '!!!';
පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ පාඨය කියවා එය කොන්සෝලයේ ප්රදර්ශනය කරන්න.
පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයට නව පාඨයක් ලියන්න.
තම පාඨය ලෙස සංඛ්යා කිහිපයක් අඩංගු පයිරස දෙකක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී තිරය මත ගබඩා කර ඇති සංඛ්යාවල එකතුව ප්රදර්ශනය කරන්න.
සංඛ්යා සහිත පයිරස තුනක්, div එකක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී div එකේ පාඨයට සංඛ්යාවල එකතුව ලියන්න.
සංඛ්යාවක් සහිත පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ අගයට එකක් එකතු කර ලබාගත් සංඛ්යාව නැවත ලියන්න.
පාඨය සහිත පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ පාඨයේ අවසානයට හඬක්ලීමේ සලකුණක් ලියන්න.
