თვისება innerHTML

თვისება innerHTML საშუალებას გაძლევთ მიიღოთ და შეცვალოთ ელემენტის HTML კოდი.

სინტაქსი

javascriptელემენტი.innerHTML;

მაგალითი

მოდით გამოვიტანოთ ელემენტის HTML კოდი:

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

კოდის შესრულების შედეგი:

javascript'<b>text</b>'

მაგალითი

მოდით შევცვალოთ HTML კოდი ახლით:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

კოდის შესრულების შედეგი:

html<p id="elem"><i>!!!</i></p>

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

  • თვისება textContent,
    რომელიც შეიცავს ელემენტის ტექსტს
  • თვისება outerHTML,
    რომელიც შეიცავს ელემენტის გარე HTML კოდს