الفرق بين المراجعتين لصفحة: «JavaScript/Document/body»
< JavaScript | Document
لا ملخص تعديل |
|||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:<code>Document. | <noinclude>{{DISPLAYTITLE:<code>Document.body</code>}}</noinclude> | ||
= <code>Document. | = <code>Document.body</code> = | ||
يعيد عُقدة العنصر <code><body></code> أو <code><frameset></code> الخاصّة بالمُستند الحالي، أو يعيد <code>null</code> إن لم يتواجد أي عنصر من هذا القبيل. | |||
== البنية العامة == | == البنية العامة == | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
var | var objRef = document.body; | ||
document.body = objRef; | |||
</syntaxhighlight> | </syntaxhighlight> | ||
سطر 14: | سطر 13: | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
< | // نضع في ملفّ إتش تي إم إل: | ||
// <body id="oldBodyElement"></body> | |||
alert(document.body.id); // "oldBodyElement" | |||
var aNewBodyElement = document.createElement("body"); | |||
aNewBodyElement.id = "newBodyElement"; | |||
document.body = aNewBodyElement; | |||
alert(document.body.id); // "newBodyElement" | |||
</syntaxhighlight> | </syntaxhighlight> | ||
== مُلاحظات == | |||
<code>document.body</code> يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <code><body></code>، يُعاد العنصر <code><body></code>، أمّا في مُستندات <code><frameset></code>، فسيُعاد العنصر <code><frameset></code> الخارجي. | |||
ورغم أنّك تستطيع تعيين قيمة للخاصية <code>body</code>، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <code><body></code> الحالي. | |||
== المواصفات == | == المواصفات == | ||
* | * معيار [https://html.spec.whatwg.org/multipage/dom.html#dom-document-body HTML Living Standard] | ||
* مواصفة [https://www.w3.org/TR/html51/dom.html#dom-document-body HTML 5.1] | |||
* مواصفة [https://www.w3.org/TR/html50/dom.html#dom-document-body HTML5] | |||
* مواصفة [https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-56360201 Document Object Model (DOM) Level 2 HTML Specification] | |||
* مواصفة [https://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#attribute-body Document Object Model (DOM) Level 1 Specification] | |||
== المُتصفحات المدعومة == | == المُتصفحات المدعومة == | ||
سطر 34: | سطر 47: | ||
|- | |- | ||
! الدعم الأساسي | ! الدعم الأساسي | ||
| | |1 | ||
|نعم | |نعم | ||
| | |2 | ||
| | |6 | ||
|9.6 (أو ربّما أسبَق) | |||
|9 (أو ربّما أسبَق) | |4 (أو ربّما أسبَق) | ||
| | |||
|} | |} | ||
الجوال: | الجوال: | ||
سطر 53: | سطر 58: | ||
!الميزة | !الميزة | ||
!|Android | !|Android | ||
!Edge | !Edge | ||
!<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span> | !<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span> | ||
!IE Mobile | !IE Mobile | ||
!Opera Mobile | !Opera Mobile | ||
!Safari Mobile | !Safari Mobile | ||
|- | |- | ||
! الدعم الأساسي | ! الدعم الأساسي | ||
|نعم | |||
| | |نعم | ||
|نعم | |||
| | |نعم | ||
| | |نعم | ||
|5 (أو ربّما أسبَق) | |||
| | |||
| | |||
|} | |} | ||
==انظر أيضا== | |||
* <code>[[Web/Document/head|Document.head]]</code> |
مراجعة 13:44، 10 مارس 2018
Document.body
يعيد عُقدة العنصر <body>
أو <frameset>
الخاصّة بالمُستند الحالي، أو يعيد null
إن لم يتواجد أي عنصر من هذا القبيل.
البنية العامة
var objRef = document.body;
document.body = objRef;
مثال
// نضع في ملفّ إتش تي إم إل:
// <body id="oldBodyElement"></body>
alert(document.body.id); // "oldBodyElement"
var aNewBodyElement = document.createElement("body");
aNewBodyElement.id = "newBodyElement";
document.body = aNewBodyElement;
alert(document.body.id); // "newBodyElement"
مُلاحظات
document.body
يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <body>
، يُعاد العنصر <body>
، أمّا في مُستندات <frameset>
، فسيُعاد العنصر <frameset>
الخارجي.
ورغم أنّك تستطيع تعيين قيمة للخاصية body
، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <body>
الحالي.
المواصفات
- معيار HTML Living Standard
- مواصفة HTML 5.1
- مواصفة HTML5
- مواصفة Document Object Model (DOM) Level 2 HTML Specification
- مواصفة Document Object Model (DOM) Level 1 Specification
المُتصفحات المدعومة
سطح المكتب:
الميزة | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
الدعم الأساسي | 1 | نعم | 2 | 6 | 9.6 (أو ربّما أسبَق) | 4 (أو ربّما أسبَق) |
الجوال:
الميزة | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
الدعم الأساسي | نعم | نعم | نعم | نعم | نعم | 5 (أو ربّما أسبَق) |