Хосияти 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 коди унсурро дар бар мегирад