Чтобы получить текстовый узел элемента в JavaScript, вы можете использовать различные методы. Вот несколько подходов:
- Использование свойства
textContent. Вы можете получить доступ к текстовому содержимому элемента с помощью свойстваtextContent. Он возвращает объединенный текст всех непосредственных дочерних узлов элемента, включая текстовые узлы.
const element = document.getElementById('yourElementId');
const textNode = element.textContent;
- Использование свойства
innerText: аналогичноtextContent, свойствоinnerTextвозвращает видимое текстовое содержимое элемента, включая текстовые узлы.
const element = document.getElementById('yourElementId');
const textNode = element.innerText;
- Использование свойства
nodeValueпервого дочернего узла: если вы специально хотите получить сам текстовый узел, вы можете получить к нему доступ через свойствоfirstChildэлемента и получить егоnodeValue.
const element = document.getElementById('yourElementId');
const textNode = element.firstChild.nodeValue;
- Использование свойства
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.