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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@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 используется только для установки простого текста.

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

от fred , 7 месяцев назад

@olen.shanahan 

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


Пример с использованием свойства innerHTML:

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


Пример с использованием свойства textContent:

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


Где "myDiv" - это id вашего элемента div, который вы хотите изменить, а "Новый текст" - это новый текст, который вы хотите поместить внутрь этого элемента.


Оба примера выполнения кода приведут к изменению текста внутри элемента div на "Новый текст".