Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM textContent Propery

<Элемент объекта

пример

Получить текстовое содержание первой <button> элемента в документе:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

В результате х будет:

Try it Yourself »
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

Определение и использование

В TextContent наборов свойств или возвращает текстовое содержимое указанного узла, а также все его потомки.

Если установить свойство TextContent, все дочерние узлы удаляются и заменяются одним текстовый узел , содержащий указанную строку.

Совет: Иногда это свойство может быть использован вместо nodeValue собственности, но помните , что это свойство возвращает текст всех дочерних узлов , а также.

Совет: Для того, чтобы установить или вернуть содержимое HTML - элемента, использовать innerHTML свойства.

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
textContent 1,0 9,0 да да да

Синтаксис

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

node .textContent

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

node .textContent= text

Значения свойств

Стоимость Тип Описание
текст строка Определяет текстовое содержимое указанного узла

Технические подробности

Возвращаемое значение: Строка, представляющая текст узла и всех его потомков
DOM Version Базовый уровень 3 Узла объект
Примеры

Еще примеры

пример

Изменение текстового содержимого <p> элемент с ID = «MyP»:

document.getElementById("demo").textContent = "Paragraph changed!";
Попробуй сам "

пример

Получить все текстовое содержание в <ul> элемент с идентификатором = «MyList»:

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

Значение х будет:

Coffee Tea
Попробуй сам "

пример

Этот пример демонстрирует различия между TextContent и innerHTML собственности:

function getText() {
    var x = document.getElementById("myList").textContent;
    document.getElementById("demo").innerHTML = x;
}

function getHTML() {
    var x = document.getElementById("myList").innerHTML;
    document.getElementById("demo").innerHTML = x;
}
Попробуй сам "

<Элемент объекта