Хосияти 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-и берунии элементро дар бар мегирад