Как поменять текст внутри div с помощью javascript?

Пользователь

от olen.shanahan , в категории: HTML/CSS , год назад

Как поменять текст внутри div с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от pauline , год назад

@olen.shanahan 

Вы можете изменить текст внутри элемента div с помощью JavaScript, обратившись к соответствующему элементу и установив свойство innerHTML или textContent. Вот примеры кода для обоих подходов:


HTML-разметка:

1
<div id="myDiv">Исходный текст</div>


JavaScript для изменения текста с использованием свойства innerHTML:

1
document.getElementById("myDiv").innerHTML = "Новый текст";


JavaScript для изменения текста с использованием свойства textContent:

1
document.getElementById("myDiv").textContent = "Новый текст";


Оба этих подхода заменят текст внутри элемента div на "Новый текст". Разница между ними в том, что свойство innerHTML позволяет установить HTML-разметку в качестве текста, в то время как свойство textContent используется только для установки простого текста.