Атрибут body DOM HTML

  • Предыдущая страница baseURI
  • Следующая страница charset
  • Вернуться на один уровень выше DOM Documents

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

body Атрибут устанавливает или возвращает элемент <body> документа.

Обратите внимание:Установить body Атрибут будет перекрывать все элементы в документе <body>.

Подсказка

document.body и document.documentElement Разница:

  • document.body возвращает элемент <body>.
  • document.documentElement возвращает элемент <html>.

См. также:

Атрибут documentElement

Тег <body> HTML

Объект Body в DOM HTML

Пример

Пример 1

Получить HTML-содержимое документа:

const myBody = document.body.innerHTML;

Попробуйте сами

Пример 2

Изменить цвет фона документа:

document.body.style.backgroundColor = "yellow";

Попробуйте сами

Пример 3

Изменить <body> документа (перезаписать все существующее содержимое):

document.body.innerHTML = "Some new HTML content";

Попробуйте сами

Пример 4

Создайте элемент <p> и добавьте его в正文 документа:

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);

Попробуйте сами

Синтаксис

Вернуть атрибут body:

document.body

Установить атрибут body:

document.body = newContent

Значение属性

Значение Описание
newContent Новый контент для элемента <body>.

Возвратное значение

Тип Описание
Объект элемент body документа.

Поддержка браузерами

document.body Это функция уровня DOM 1 (1998).

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница baseURI
  • Следующая страница charset
  • Вернуться на один уровень выше DOM Documents