Чтобы получить текстовый узел элемента в 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.