Книга: JavaScript. Подробное руководство, 6-е издание

19.2.5. Чтение и запись содержимого элемента

19.2.5. Чтение и запись содержимого элемента

Методы text() и html() читают и записывают содержимое элемента или элементов в виде простого текста или разметки HTML. При вызове без аргументов метод text() возвращает содержимое всех вложенных текстовых узлов из всех выбранных элементов в виде простого текста. Этот метод работает даже в броузерах, не поддерживающих свойства textContent и innerText (раздел 15.5.2).

Если вызвать метод html() без аргументов, он вернет в виде разметки HTML содержимое только первого выбранного элемента. Для этой цели библиотека jQuery использует свойство inпегHTML: x.html() - фактически то же самое, что и x[0].innerHTML.

Если методу text() или html() передать строку, она будет использована как содержимое элемента в виде простого текста или разметки HTML и заместит текущее его содержимое. Подобно другим методам записи, с которыми мы уже познакомились, этим методам можно также передать функцию, которая будет использована для получения строки с новым содержимым:

var title = $("head title").text()    // Получить заголовок документа
var headline = $("h1").html()         // Получить разметку html первого <h1>
$("h1").text(function(n,current) {    // Добавить в каждый заголовок
  return "§" + (n+1) + ": " + current // порядковый номер раздела
});

Оглавление книги