الفرق بين المراجعتين ل"JavaScript/Document/body"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (تعديل الروابط وإضافة تصنيف)
 
(8 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:<code>Document.body</code>}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:<code>Document.body</code>}}</noinclude>
 
+
تعيد هذه الخاصية عُقدة العنصر <code>[[HTML/body|<body>]]</code>  أو <code>[[HTML/frameset|<frameset>]]</code> الخاصّة بالمُستند الحالي، أو تعيد <code>null</code> إن لم يتواجد أي عنصر من هذا القبيل.
= <code>Document.body</code> =
 
يعيد عُقدة العنصر (node) <code><body></code>  أو <code><frameset></code> الخاصّة بالمُستند الحالي، أو يعيد <code>null</code> إن لم يتواجد أي عنصر من هذا القبيل.
 
  
 
== البنية العامة ==
 
== البنية العامة ==
سطر 13: سطر 11:
  
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
// نضع في ملفّ إتش تي إم إل:
+
// نضع في ملفّ HTML:
 
// <body id="oldBodyElement"></body>
 
// <body id="oldBodyElement"></body>
 
alert(document.body.id); // "oldBodyElement"
 
alert(document.body.id); // "oldBodyElement"
سطر 24: سطر 22:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
== مُلاحظات ==
+
== ملاحظات ==
<code>document.body</code> يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <code><body></code>، يُعاد العنصر <code><body></code>، أمّا في مُستندات <code><frameset></code>، فسيُعاد العنصر <code><frameset></code> الخارجي.
+
<code>document.body</code> يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <code>[[HTML/body|<body>]]</code>، يُعاد العنصر <code>[[HTML/body|<body>]]</code>، أمّا في مُستندات <code>[[HTML/frameset|<frameset>]]</code>، فسيُعاد العنصر <code>[[HTML/frameset|<frameset>]]</code> الخارجي.
ورغم أنّك تستطيع تعيين قيمة للخاصية <code>body</code>، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <code><body></code> الحالي.
 
  
== المواصفات ==
+
ورغم أنّك تستطيع تعيين قيمة للخاصية <code>body</code>، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <code>[[HTML/body|<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]
 
  
== المُتصفحات المدعومة ==
+
== دعم المتصفحات ==
سطح المكتب:
 
 
{| class="wikitable"
 
{| class="wikitable"
 
!الميزة
 
!الميزة
 
!|Chrome
 
!|Chrome
!|Edge
+
!Firefox
!<span dir="ltr" lang="en">Firefox (Gecko)</span>
 
 
!Internet Explorer
 
!Internet Explorer
 
!Opera
 
!Opera
!<span dir="ltr" lang="en">Safari (WebKit)</span>
+
!Safari
 
|-
 
|-
 
! الدعم الأساسي
 
! الدعم الأساسي
 
|1
 
|1
|نعم
 
 
|2
 
|2
 
|6
 
|6
سطر 54: سطر 43:
 
|4  (أو ربّما أسبَق)
 
|4  (أو ربّما أسبَق)
 
|}
 
|}
الجوال:
+
==انظر أيضًا==
{| class="wikitable"
+
*  <code>[[JavaScript/Document/head|Document.head]]</code>
!الميزة
+
==مصادر ومواصفات==
!|Android
+
* معيار [https://html.spec.whatwg.org/multipage/dom.html#dom-document-body HTML Living Standard]
!Edge
+
* مواصفة [https://www.w3.org/TR/html51/dom.html#dom-document-body HTML 5.1]
!<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span>
+
* مواصفة [https://www.w3.org/TR/html50/dom.html#dom-document-body HTML5]
!IE Mobile
+
* مواصفة [https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-56360201 Document Object Model (DOM) Level 2 HTML Specification]
!Opera Mobile
+
* مواصفة [https://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#attribute-body Document Object Model (DOM) Level 1 Specification]
!Safari Mobile
+
[[تصنيف:JavaScript]]
|-
+
[[تصنيف:Web API]]
! الدعم الأساسي
+
[[تصنيف:DOM]]
|نعم
+
[[تصنيف:Document]]
|نعم
 
|نعم
 
|نعم
 
|نعم
 
|5 (أو ربّما أسبَق)
 
|}
 
 
 
==انظر أيضا==
 
*  <code>[[Web/Document/head|Document.head]]</code>
 

المراجعة الحالية بتاريخ 06:37، 11 مارس 2018

تعيد هذه الخاصية عُقدة العنصر <body> أو <frameset> الخاصّة بالمُستند الحالي، أو تعيد null إن لم يتواجد أي عنصر من هذا القبيل.

البنية العامة

var objRef = document.body; 
document.body = objRef;

مثال

// نضع في ملفّ HTML:
// <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> الحالي.

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 1 2 6 9.6 (أو ربّما أسبَق) 4 (أو ربّما أسبَق)

انظر أيضًا

مصادر ومواصفات