outerHTML ගුණය

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

වාක්‍ය රචනා රීතිය

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

උදාහරණය

outerHTML ගුණය භාවිතා කරමින් මූලද්‍රව්‍යයේ පෙළ ප්‍රතිදානය කරමු:

html<p id="elem">පෙළ</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

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

javascript'<p id="elem">පෙළ</p>'

උදාහරණය

අපි ඡේදයක් වෙනුවට එම පෙළම සහිත div එකක් සාදමු:

html<p id="elem">පෙළ</p>
javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

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

html<div>පෙළ</div>

බලන්න

  • textContent ගුණය,
    මූලද්‍රව්‍යයේ පෙළ අඩංගු වේ
  • innerHTML ගුණය,
    මූලද්‍රව්‍යයේ HTML කේතය අඩංගු වේ