Коркарди 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>';
Задание 1

Як абзацу як тугма дода шудааст. Бо клик кардан рӯи тугма HTML коди абзацро хонда ба консол чоп кунед.

Задание 2

Як абзацу як тугма дода шудааст. Бо клик кардан рӯи тугма матни навро ба абзац чунон нависед, ки ғафс (bold) бошад.