innerHTML ගුණය

innerHTML ගුණය මූලද්‍රව්‍යයක HTML කේතය ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි.

වාක්‍ය රීතිය

javascriptමූලද්‍රව්‍යය.innerHTML;

උදාහරණය

අපි මූලද්‍රව්‍යයේ HTML කේතය ප්‍රතිදානය කරමු:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

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

javascript'<b>text</b>'

උදාහරණය

අපි HTML කේතය නව කේතයක් සමඟ වෙනස් කරමු:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

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

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

මේවාද බලන්න

  • textContent ගුණය,
    මූලද්‍රව්‍යයේ පාඨය අඩංගු වේ
  • outerHTML ගුණය,
    මූලද්‍රව්‍යයේ බාහිර HTML කේතය අඩංගු වේ