الفرق بين المراجعتين لصفحة: «JavaScript/Document/adoptNode»
إضافة الصّفحة |
روابط |
||
سطر 8: | سطر 8: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
*<code>node</code> | *<code>node</code> | ||
: يُمثّل العقدة المُتبنّاة والتي مالِكها هو المُستند الحالي.وعقدتها الأب <code>[[JavaScript/Node/parentNode|parentNode]]</code> ذات قيمةٍ | : يُمثّل العقدة المُتبنّاة والتي مالِكها هو المُستند الحالي.وعقدتها الأب <code>[[JavaScript/Node/parentNode|parentNode]]</code> ذات قيمةٍ <code>null</code>، وذلك لأنّها لم تُدخَل بعدُ إلى شجرة المُستند. لاحِظ أنّ كلّا من <code>node</code> و<code>externalNode</code> سيُصبحان نفس الكائن بعد الاستدعاء. | ||
*<code>externalNode</code> | *<code>externalNode</code> | ||
سطر 25: | سطر 25: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
==ملاحظات== | ==ملاحظات== | ||
يُمكن لاستدعاء adoptNode أن يفشل بسبب قدوم العقدة الأصل من تطبيق آخر، لكنّ هذا لا يكون مُشكلة في الغالب مع تطبيقات المُتصفّحات. | يُمكن لاستدعاء <code>adoptNode</code> أن يفشل بسبب قدوم العقدة الأصل من تطبيق آخر، لكنّ هذا لا يكون مُشكلة في الغالب مع تطبيقات المُتصفّحات. | ||
يجب نسخ العقد من المُستندات الخارجيّة باستخدام التّابع document.importNode() أو تبنّيها بالتّابع document.adoptNode() قبل إمكان إدخالها إلى المُستند الحاليّ. للاستزادة حول مشاكل <code>[[JavaScript/Node/ownerDocument|ownerDocument]]</code> انظر الأسئلة الشّائعة على [http://www.w3.org/DOM/faq.html#ownerdoc W3C DOM]. | يجب نسخ العقد من المُستندات الخارجيّة باستخدام التّابع <code>[[Document/importNode|document.importNode()]]</code> أو تبنّيها بالتّابع <code>[[Document/adoptNode|document.adoptNode()]]</code> قبل إمكان إدخالها إلى المُستند الحاليّ. للاستزادة حول مشاكل <code>[[JavaScript/Node/ownerDocument|ownerDocument]]</code> انظر الأسئلة الشّائعة على [http://www.w3.org/DOM/faq.html#ownerdoc W3C DOM]. | ||
لا يُلزِم مُتصفّح Firefox على العمل بهذه القاعدة (لأنّ الإلزام بها عطّل بعض المواقع). نُشجّع مطوّري الويب على إصلاح الشيفرة الخاصّة بهم لاتّباع هذه القاعدة لتوافقيّةٍ مُستقبليّةٍ أفضل. | لا يُلزِم مُتصفّح Firefox على العمل بهذه القاعدة (لأنّ الإلزام بها عطّل بعض المواقع). نُشجّع مطوّري الويب على إصلاح الشيفرة الخاصّة بهم لاتّباع هذه القاعدة لتوافقيّةٍ مُستقبليّةٍ أفضل. | ||
سطر 36: | سطر 36: | ||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
* مواصفة [http://www.w3.org/TR/DOM-Level-3-Core/core.html#Document3-adoptNode | * مواصفة [http://www.w3.org/TR/DOM-Level-3-Core/core.html#Document3-adoptNode | ||
<nowiki> DOM Level 3 Core: Document.adoptNode]</nowiki> | |||
[[تصنيف:JavaScript]] | [[تصنيف:JavaScript]] | ||
[[تصنيف:Web API]] | |||
[[تصنيف:DOM]] | [[تصنيف:Web API]] | ||
[[تصنيف:Document]] | |||
[[تصنيف:DOM]] | |||
[[تصنيف:Document]] |
مراجعة 12:44، 24 مارس 2018
يتبنّى هذا التّابع عقدة خارجيّة، وتُحذف العقدة وشجرتها الفرعيّة من المُستند الأصلي (إن كان موجودا)، وتتغيّر قيمة المُستند المالِك ownerDocument
إلى المُستند الحاليّ. ويُمكن بعد ذلك إدخال العقدة إلى المُستند الحاليّ.
البنية العامة
node = document.adoptNode(externalNode);
node
- يُمثّل العقدة المُتبنّاة والتي مالِكها هو المُستند الحالي.وعقدتها الأب
parentNode
ذات قيمةٍnull
، وذلك لأنّها لم تُدخَل بعدُ إلى شجرة المُستند. لاحِظ أنّ كلّا منnode
وexternalNode
سيُصبحان نفس الكائن بعد الاستدعاء.
externalNode
- هي العقدة التي ستُتبنّى من مُستند آخر.
مثال
var iframe = document.getElementById('my-iframe');
var iframeImages = iframe.contentDocument.getElementsByTagName('img');
var newParent = document.getElementByTagName('images');
for (var i = 0; i < iframeImages.length; i++) {
newParent.appendChild(document.adoptNode(iframeImages[i]));
}
ملاحظات
يُمكن لاستدعاء adoptNode
أن يفشل بسبب قدوم العقدة الأصل من تطبيق آخر، لكنّ هذا لا يكون مُشكلة في الغالب مع تطبيقات المُتصفّحات.
يجب نسخ العقد من المُستندات الخارجيّة باستخدام التّابع document.importNode()
أو تبنّيها بالتّابع document.adoptNode()
قبل إمكان إدخالها إلى المُستند الحاليّ. للاستزادة حول مشاكل ownerDocument
انظر الأسئلة الشّائعة على W3C DOM.
لا يُلزِم مُتصفّح Firefox على العمل بهذه القاعدة (لأنّ الإلزام بها عطّل بعض المواقع). نُشجّع مطوّري الويب على إصلاح الشيفرة الخاصّة بهم لاتّباع هذه القاعدة لتوافقيّةٍ مُستقبليّةٍ أفضل.
انظر أيضًا
مصادر ومواصفات
DOM Level 3 Core: Document.adoptNode]