createTextNode vs innerHTML vs textContent
важность: 5
У нас есть пустой DOM-элемент elem и строка text.
Какие из этих 3-х команд работают одинаково?
- elem.append(document.createTextNode(text))
- elem.innerHTML = text
- elem.textContent = text
Ответ: 1 и 3.
Результатом обеих команд будет добавление text «как текст» в elem.
Пример:
<div id="elem1"></div>
<div id="elem2"></div>
<div id="elem3"></div>
<script>
let text = '<b>текст</b>';
elem1.append(document.createTextNode(text));
elem2.innerHTML = text;
elem3.textContent = text;
</script>