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 кодуң окуп, аны консолго чыгарыңыз.
Берилген абзац жана баскыч. Баскычка чыкылдаганда абзацка жаңы текстти жирный (калың) кылып жазыңыз.