JavaScript: как извлечь текстовый узел элемента?

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

  1. Использование свойства textContent. Вы можете получить доступ к текстовому содержимому элемента с помощью свойства textContent. Он возвращает объединенный текст всех непосредственных дочерних узлов элемента, включая текстовые узлы.
const element = document.getElementById('yourElementId');
const textNode = element.textContent;
  1. Использование свойства innerText: аналогично textContent, свойство innerTextвозвращает видимое текстовое содержимое элемента, включая текстовые узлы.
const element = document.getElementById('yourElementId');
const textNode = element.innerText;
  1. Использование свойства nodeValueпервого дочернего узла: если вы специально хотите получить сам текстовый узел, вы можете получить к нему доступ через свойство firstChildэлемента и получить его nodeValue.
const element = document.getElementById('yourElementId');
const textNode = element.firstChild.nodeValue;
  1. Использование свойства childNodesдля перебора дочерних узлов: если у вас есть несколько дочерних узлов и вы хотите настроить таргетинг на определенный текстовый узел, вы можете перебирать childNodesи фильтровать извлеките текстовый узел, используя его nodeType.
const element = document.getElementById('yourElementId');
let textNode;
for (const node of element.childNodes) {
  if (node.nodeType === Node.TEXT_NODE) {
    textNode = node.nodeValue;
    break;
  }
}

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