HTML DOM атрибут textContent

Объект элемента HTML DOM

textContentАтрибут устанавливает или возвращает текстовое содержимое указанного узла и всех его подузлов.

установке textContent на узле удаляет все подузлы узла и заменяет их единственным текстовым узлом с заданным текстом.

Атрибут textContent ähneltinnerTextатрибут, но есть некоторые различия:

• textContent возвращаетвсетекстовое содержимое элемента, а innerText возвращаеткроме <script> и <style> элементывневсех элементов.

• innerText не возвращает текст элементов, скрытых в CSS (textContent возвращает)

Чтобы установить или вернуть HTML-содержимое элемента, используйтеinnerHTMLАтрибут.

Грамматика:

Возвращает текстовое содержимое узла:

node.textContent

Устанавливает текстовое содержимое узла:

node.textContent = text

var x = document.getElementById("para").textContent;

Совместимость с браузерами

Все браузеры полностью поддерживают атрибут textContent:

Значение属性

Технические детали

Более примеров

Изменяет текстовое содержимое элемента <p> с помощью id="para":

var x = document.getElementById("para");
x.textContent = "HELLO WORLD";

Возвращает все текстовое содержимое элемента DIV:

var x = document.getElementById("container").textContent;

Этот пример демонстрирует различия между innerText, innerHTML и textContent:

<p id="x">Этот элемент имеет дополнительное расстояние и содержит элемент <span>span</span>.</p>
<script>
function getInnerText() {}}
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

Свойство innerText возвращает только текст, без пробелов и внутренних тегов элементов.

Свойство innerHTML возвращает текст с пробелами и внутренними тегами элементов.

Свойство textContent возвращает текст с пробелами, но без внутренних тегов элементов.

См. также

Референс HTML DOM:HTMLElementСвойство .innerText

Референс HTML DOM:элементСвойство .innerHTML

Объект элемента HTML DOM