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>

Տես նաև