Получить и установить текст элемента (без разметки)

FavoriteLoadingДобавить в избранное

Для получения и установки текста элемента без его разметки в веб-разработке используется свойство textContent элемента DOM Document Object Model. Это свойство предоставляет доступ к текстовому содержимому элемента, исключая HTML-разметку.

Получение элемента с классом text.

let elem = document.querySelector('.text');
Этот код находит элемент с классом text на текущей странице и сохраняет его в переменной elem.

Получение текстового содержимого элемента:
let text = elem.textContent;
Здесь мы используем свойство textContent для извлечения текстового содержимого элемента elem и сохраняем его в переменной text.

Установка текстового содержимого элемента:
elem.textContent = 'я добавленный текст.';
В этой строке кода мы устанавливаем новое текстовое содержимое элемента elem, заменяя существующее содержимое на строку "я добавленный текст."

Добавление текста в конец существующего содержимого элемента:
elem.textContent += ' Добавьте это после того, что уже есть.';
Здесь мы используем оператор "+=" для добавления текста к концу текущего содержимого элемента elem, не удаляя существующий текст.

Добавление текста в начало существующего содержимого элемента:
elem.textContent = 'Мы можем добавить это в начало. ' + elem.textContent;
Этот код добавляет текст в начало существующего содержимого элемента elem, путем объединения нового текста с текущим содержимым с помощью оператора "+".

Таким образом, свойство textContent позволяет получать и устанавливать текстовое содержимое элемента без учета HTML-разметки. Это полезно, если вам нужно динамически изменять или обновлять текст на веб-странице, не затрагивая другие атрибуты и свойства элемента.

Вот полный пример.

<p class="text">Я текст по умолчанию.</p>
<script>
let elem = document.querySelector('.text');
let text = elem.textContent;
elem.textContent = 'я добавленный текст.';
elem.textContent += ' Добавьте это после того, что уже есть.';
elem.textContent = 'Мы можем добавить это в начало. ' + elem.textContent;
</script>
Написать Администратору

Вы можете написать Администратору сайта.

отправить