outerHTML xususiyati

outerHTML xususiyati elementning HTML kodini uning tegi bilan birga olish va o'zgartirish imkonini beradi.

Sintaksis

javascriptelement.outerHTML;

Misol

Keling, outerHTML xususiyati yordamida element matnini chiqaramiz:

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

Kodni bajarish natijasi:

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

Misol

Keling, abzat o'rniga shu matnli div yaratamiz:

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

Kodni bajarish natijasi:

html<div>matn</div>

Shuningdek qarang

  • textContent xususiyati,
    bu elementning matnini o'z ichiga oladi
  • innerHTML xususiyati,
    bu elementning HTML kodini o'z ichiga oladi