JavaScriptда элементларнинг HTML коди билан ишлаш
DOM элементларида innerHTML хусусияти мавжуд бўлиб,
у шу элементларнинг HTML кодини ўқиш имконини беради.
Келинг, мисолда кўрамиз. Фарз қилайлик, бизда
куйидаги тег мавжуд:
<p id="elem"><b>text</b></p>
Ушбу тегга ҳаволани ўзгартувчига оламиз:
let elem = document.querySelector('#elem');
Тегнинг HTML кодини ўқаймиз:
console.log(elem.innerHTML); // чиқади <b>text</b>
Тегнинг матнини ўзгартирамиз:
elem.innerHTML = '<i>!!!</i>';
Абзац ва тугма берилган. Тугма босилганда абзацнинг HTML кодини ўкинг ва уни консолга чикаринг.
Абзац ва тугма берилган. Тугма босилганда абзацга янги матн жўн ёзувда бўладиган қилиб ёзинг.