Тело документа HTML DOM
Примеры
Получить HTML-контент документа:
const myBody = document.body.innerHTML;
Изменить цвет фона документа:
document.body.style.backgroundColor = "yellow";
Измените <body> документа (перезапишите все существующее содержимое):
document.body.innerHTML = "Some new HTML content";
Ниже приведены дополнительные примеры.
Определение и использование
Свойство body
задает или возвращает элемент <body> документа.
Предупреждение
Установка body
свойства перезаписывает все элементы в <body> документа.
Примечание
Разница между document.body и document.documentElement :
document.body возвращает элемент <body>.
document.documentElement возвращает элемент <html>.
Смотрите также:
Синтаксис
Вернуть свойство тела:
document.body
Установите свойство тела:
document.body = newContent
Значения свойств
Value | Description |
newContent | The new content for the <body> element. |
Возвращаемое значение
Тип | Описание |
Объект | Основной элемент документа. |
Дополнительные примеры
Создайте элемент <p> и добавьте его в тело документа:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Поддержка браузера
document.body
является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |