თვისება 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>

იხილეთ აგრეთვე