InnerTex JS: простое управление текстом на странице

innerText - это свойство объекта Element в JavaScript, которое возвращает или устанавливает текст, находящийся внутри указанного элемента. Оно отображает текстовое содержимое элемента без тегов, но включая их потомков.

Например, если у вас есть следующий HTML-код:

html

  
Hello World!
  
Welcome to my website.

Вы можете получить текст, находящийся внутри элемента div с id "myDiv", используя следующий JavaScript-код:

javascript
const myDiv = document.getElementById("myDiv");
const text = myDiv.innerText;
console.log(text); // "Hello World! Welcome to my website."

В данном случае результатом будет строка "Hello World! Welcome to my website.", т.к. `innerText` возвращает текст, который содержится внутри элемента div, включая текстовые узлы внутри потомков.

Вы также можете использовать `innerText` для установки текстового содержимого элемента:

javascript
myDiv.innerText = "New text!";

Этот код заменит все содержимое элемента с id "myDiv" на "New text!".

Отличие innerText от textContent заключается в том, что последний возвращает все содержимое элемента, включая текстовые узлы, а innerText игнорирует текстовые узлы, которые содержат только пробельные символы. Также innerText не возвращает стили, приложенные к элементу.

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