Как изменить текст содержимого HTML-элемента?

Question

Чтобы изменить текст содержимого HTML-элемента, используйте свойство textContent или innerText. Например, если у вас есть элемент с идентификатором myElement, вы можете изменить его текст с помощью следующего кода:

document.getElementById('myElement').textContent = 'Новый текст';

Это обновит текст элемента на странице.

YeaHub · Accepted Answer

Изменение текста содержимого HTML-элемента является одной из основных операций при работе с DOM. Вы можете использовать свойство textContent, чтобы задать новый текст без сохранения каких-либо HTML-тегов, или innerText, чтобы учитывать стили видимости. Например, если у вас есть элемент

Старый текст

, вы можете изменить его текст следующим образом:document.getElementById('myElement').textContent = 'Новый текст';Этот код найдет элемент с идентификатором myElement и заменит его текст на 'Новый текст'. Использование textContent предпочтительно, когда вам нужно работать с текстом без форматирования. Если вы хотите сохранить HTML-разметку внутри элемента, вы можете использовать innerHTML, но будьте осторожны с безопасностью, чтобы избежать уязвимостей, таких как XSS (межсайтовый скриптинг).