outerHTML hossasy

outerHTML hossasy elementdeki HTML kody we onuň tegini alyp üýtgetmäge mümkinçilik berýär.

Sintaksis

javascriptelement.outerHTML;

M ys al

outerHTML hossasyny ulanyp, elementdeki teksti çykaryň:

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

Kodyň ýerine ýetiriliş netijesi:

javascript'<p id="elem">tekst</p>'

M ys al

Abzas ýerine, şol bir tekst bilen div ýasalyň:

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

Kodyň ýerine ýetiriliş netijesi:

html<div>tekst</div>

Şeýle-de görüň

  • textContent hossasy,
    elementdeki teksti öz içine alýar
  • innerHTML hossasy,
    elementdeki HTML kody öz içine alýar