Свойство body
Примеры document.body
Получить HTML-содержимое документа:
const myBody = document.body.innerHTML;
Попробуйте сами »
Измените цвет фона документа:
document.body.style.backgroundColor = "yellow";
Попробуйте сами »
Изменить <body> документа (перезаписать все существующее содержимое):
document.body.innerHTML = "Некоторый новый HTML-контент";
Попробуйте сами »
Ещё примеры ниже.
Описание body
Свойство body устанавливает или возвращает элемент <body> документ.
Предупреждение body
Установка свойства body перезаписывает все элементы в <body> документа.
Примечание body
Разница между document.body и document.documentElement:
document.body возвращает элемент <body>.
document.documentElement возвращает элемент <html>.
Похожи на body
Синтаксис body
Верните свойство body:
document.body
Установите свойство body:
document.body = newContent
Свойства значений body
| Значение | Описание |
|---|---|
| newContent | Новое содержимое элемента <body>. |
Возвращаемое значение body
| Тип | Описание |
|---|---|
| Object | Элемент тела документа. |
Ещё примеры body
Создайте элемент <p> и добавьте его в тело документа:
const para = document.createElement("p");
const node = document.createTextNode("Это параграф.");
para.appendChild(node);
document.body.appendChild(para);
Попробуйте сами »
Поддержка браузера body
document.body является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |