Разница между textContent и innerHTML при добавлении элементов в DOM заключается в том, что они обрабатывают содержимое элемента по-разному: 12

1. textContent представляет собой текстовое содержимое элемента и игнорирует любые HTML-теги. 1 Это свойство удобно использовать, когда нужно работать исключительно с текстом. 1
2. innerHTML позволяет получать или устанавливать HTML-содержимое элемента. 1 В качестве значения этого свойства используется строка HTML-кода, которая перед её установкой элементу парсится браузером и преобразуется в HTML. 5

Таким образом, textContent предоставляет безопасное вставление текста, а innerHTML даёт больше гибкости для стилизации текста с использованием HTML-разметки. 1

Выбор между этими свойствами зависит от требований проекта и уровня безопасности, который нужно обеспечить. 1