files/fr/web/api/document/body/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

---
title: document.body
slug: Web/API/Document/body
tags:
  - DOM
  - Référence_du_DOM_Gecko
translation_of: Web/API/Document/body
---
<div>
 {{ApiRef}}</div>
<p>Retourne l'élément <code>&lt;body&gt;</code> ou <code>&lt;frameset&gt;</code> du document courant.</p>
<h2 id="Syntax">Syntaxe</h2>
<pre class="syntaxbox"><em>var objRef</em> = document.body;
document.body = <em>objRef;</em></pre>
<h2 id="Example">Exemple</h2>
<pre class="brush:js">// dans le HTML: &lt;body id="ancienElementBody"&gt;&lt;/body&gt;
alert(document.body.id); // "ancienElementBody"

var unNouvelElementBody = document.createElement("body");

unNouvelElementBody .id = "nouvelElementBody";
document.body = unNouvelElementBody ;
alert(document.body.id); // "nouvelElementBody"
</pre>
<h2 id="Notes">Notes</h2>
<p><code>document.body</code> est l'élément dans lequel le contenu du document est situé. Dans les documents avec un élément <code>&lt;body&gt;</code> celui-ci est retourné, et dans les documents de type frameset l'élément <code>&lt;frameset&gt;</code> le plus extérieur est retourné.</p>
<p>Même si body est modifiable, lui affecter une nouvelle valeur retire tous les éléments enfants du <code>&lt;body&gt;</code> existant.</p>
<h2 id="Specification">Spécification</h2>
<ul>
 <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-56360201">DOM Level 2 HTML: HTMLDocument.body</a></li>
</ul>