innerHTML ගුණය
innerHTML ගුණය මූලද්රව්යයක
HTML කේතය ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි.
වාක්ය රීතිය
මූලද්රව්යය.innerHTML;
උදාහරණය
අපි මූලද්රව්යයේ HTML කේතය ප්රතිදානය කරමු:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
'<b>text</b>'
උදාහරණය
අපි HTML කේතය නව කේතයක් සමඟ වෙනස් කරමු:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem"><i>!!!</i></p>
මේවාද බලන්න
-
textContentගුණය,
මූලද්රව්යයේ පාඨය අඩංගු වේ -
outerHTMLගුණය,
මූලද්රව්යයේ බාහිර HTML කේතය අඩංගු වේ