თვისება outerHTML
თვისება outerHTML საშუალებას გაძლევს მიიღო
და შეცვალო ელემენტის HTML კოდი მის ტეგთან ერთად.
სინტაქსი
ელემენტი.outerHTML;
მაგალითი
მოდით გამოვიტანოთ ელემენტის ტექსტი
თვისების outerHTML საშუალებით:
<p id="elem">ტექსტი</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
კოდის შესრულების შედეგი:
'<p id="elem">ტექსტი</p>'
მაგალითი
მოდით აბზაცის ნაცვლად გავაკეთოთ div იგივე
ტექსტით:
<p id="elem">ტექსტი</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
კოდის შესრულების შედეგი:
<div>ტექსტი</div>
იხილეთ აგრეთვე
-
თვისება
textContent,
რომელიც შეიცავს ელემენტის ტექსტს -
თვისება
innerHTML,
რომელიც შეიცავს ელემენტის HTML კოდს