При использовании Javascript многие люди могут легко спутать textContent с innerText при просмотре содержимого узла с «DOM» (объектная модель документа).
текстовое содержимое:
Значения текстового содержимого могут быть строкой или нулевым значением в зависимости от ситуации. Текстовое содержимое будет возвращено как null, если null является типом документа или документом, но если узел является комментарием, он вернет текст внутри узла. Очень важно отметить, что все дочерние узлы удаляются и заменяются одним текстовым узлом при настройке текстового содержимого. В отличие от свойства innerText, которое показывает только «удобочитаемые» элементы, textContent получает содержимое всех элементов, включая ‹script› и ‹style›.
getValue.textContent <div id='example' Learning code is <strong>fun</strong> and you would enjoy learning <code>it</code>! </div> <Learning code is fun and you would enjoy learning it!
В этом примере к исходному коду добавляется дочерний узел, а .textContent возвращает содержимое innerText всех дочерних узлов. .textContent также знает об интервалах и разрывах строк и возвращает их.
внутренний текст:
Это захватит отображаемый текст HTML-элемента. Видимый текст в браузере — это то, что захватывает innerText. innerText также игнорирует пробел при печати простой текстовой информации между тегами. innText также определен только для объектов элементов HTML, в отличие от textContent, который определен для всех объектов Node.
getValue.innerText <div id="a"> "Learn, " <strong>CODE</strong>"TODAY!" </div>
В этом примере innerText возвращает строку внутри нашего div и отображаемое содержимое innerText узла, на котором он вызывается. Все изменения, сделанные с помощью этого свойства, будут отображаться на странице.
