outerHTML गुण

outerHTML गुण किसी तत्व का HTML कोड उसके टैग के साथ प्राप्त करने और बदलने की अनुमति देता है।

सिंटैक्स

javascriptतत्व.outerHTML;

उदाहरण

आइए outerHTML गुण का उपयोग करके तत्व का टेक्स्ट आउटपुट करें:

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

कोड निष्पादित करने का परिणाम:

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

उदाहरण

आइए पैराग्राफ के बजाय उसी टेक्स्ट वाला div बनाएं:

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

कोड निष्पादित करने का परिणाम:

html<div>text</div>

यह भी देखें

  • textContent गुण,
    जिसमें तत्व का टेक्स्ट होता है
  • innerHTML गुण,
    जिसमें तत्व का HTML कोड होता है