Свойство body
Пример
Изменение цвета фона текущего документа:
document.body.style.backgroundColor = "yellow";
Попробуйте сами »
Еще примеры "Попробуй сам" ниже.
Определение и использование
Свойство body задает или возвращает тело документа.
При возврате это свойство возвращает элемент <body> текущего документа.
В начале это свойство перезаписывает все дочерние элементы внутри существующего элемента "body" и заменяет его новым заданным содержимым.
Совет: Разница между этим свойством и document.documentElement, свойство document.body возвращает элемент <body>, в то время как элемент document.documentElement возвращает элемент <html>.
Поддержка браузера
| Свойство | |||||
|---|---|---|---|---|---|
| body | Да | Да | Да | Да | Да |
Синтаксис
Вернуть свойство body:
document.body
Установите свойство body:
document.body = newContent
Значения свойств
| Значение | Описание |
|---|---|
| newContent | Указывает новое содержимое для <body> |
Технические детали
| Возвращаемое значение: | Ссылка на объект Body, представляющий элемент <body> |
|---|---|
| Версия DOM | Основной уровень 1 Объект документа |
Еще примеры
Пример
Получить HTML содержимое текущего документа:
var x = document.body.innerHTML;
Попробуйте сами »
Пример
Измените HTML содержимое текущего документа (перезапишет все существующие HTML элементы внутри <body>):
document.body.innerHTML = "Некоторые новые HTML материалы";
Попробуйте сами »
Пример
Создайте элемент <p> с некоторым текстом и добавьте его в тело документа:
var x = document.createElement("P"); // Создайте элемент <p>
var t = document.createTextNode("Это параграф."); // Создание текстового узла
x.appendChild(t); // Добавьте текст к <p>
document.body.appendChild(x); // Добавить <p> к <body>
Попробуйте сами »
Связанные страницы
HTML справочник: HTML <body> тег
JavaScript справочник: HTML DOM Объект тела документа
❮ Объект документа
