ელემენტების HTML კოდთან მუშაობა JavaScript-ში

DOM ელემენტებს აქვთ თვისება innerHTML, რომელიც საშუალებას აძლევს ამ ელემენტების HTML კოდის წაკითხვას. მოდით შევხედოთ მაგალითს. დავუშვათ გვაქვს შემდეგი თეგი:

html<p id="elem"><b>text</b></p>

მივიღოთ ამ თეგის მითითება ცვლადში:

javascriptlet elem = document.querySelector('#elem');

წავიკითხოთ თეგის HTML კოდი:

javascriptconsole.log(elem.innerHTML); // გამოიტანს <b>text</b>

შევცვალოთ თეგის ტექსტი:

javascriptelem.innerHTML = '<i>!!!</i>';