Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM body Propery

<Document Object

пример

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

document.body.style.backgroundColor = "yellow";
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


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

Множества свойства тела или возвращают тело документа.

В свою очередь, это свойство возвращает элемент <тело> текущего документа.

На съемочной площадке , это свойство переписывает все дочерние элементы внутри существующего <body> элемент, и заменяет его новым, указанное содержание.

Совет: Разница между этим свойством и document.documentElement собственности, является то , что document.body элемент возвращает <body> элемент, в то время как document.documentElement возвращает <html> элемент.


Поддержка браузеров

Имущество
body да да да да да

Синтаксис

Возвращает свойство тела:

document.body

Установите свойство тела:

document.body= newContent

Значения свойств

Стоимость Описание
newContent Задает новое содержание <body>

Технические подробности

Возвращаемое значение: Ссылка на объект Body, который представляет собой <body> элемент, или нулевое значение , если элемент не существует
DOM Version Базовый уровень объекта 1 Документ

Примеры

Еще примеры

пример

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

var x = document.body.innerHTML;
Попробуй сам "

пример

Изменение содержимого HTML текущего документа (перезаписывает все существующие HTML-элементы внутри <тело>):

document.body.innerHTML = "Some new HTML content";
Попробуй сам "

пример

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

var x = document.createElement("P");                        // Create a <p> element
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>
Попробуй сам "

Похожие страницы

HTML ссылка: HTML <body> тег

JavaScript ссылка: Объект HTML DOM Body


<Document Object