الفرق بين Node interface و element interface

تحياتي
الDOM Node interface هو class محوري يتم الإشتقاق منه من العديد من الobjects الأخرى.
من أهم الobjects التي تشتق من Node هو Document و Element.

الElement interface هو class عام يشتق منه جميع الelement objects داخل الdocument.
على سبيل المثال فكلا من HTMLElement interface وSVGElement interface يقوما بالإشتقاق من الElement interface، الذي بدوره يقوم بالإشتقاق من الNode interface.

لاحظ أن مفهوم الإشتقاق هنا هو المفهوم المتعارف عليه في البرمجة الشيئية object oriented programming.

بالنسبة لطريقة الكتابة والفرق بين:

• Node
• node

هو أن الأولى تشير إلى الbase class، بينما الثانية تشير إلى إحدى الnodes داخل الDOM مثلاً p node أو a node.

يمكنك القراءة اكثر من هنا: Node Interface, Element Interface, مدخل إلى الDOM، البنية الشجرية للDOM.

تحياتي وبالتوفيق. 

الelemnt أي شيْ تستطيع أن تصل اليه مباشرة في HTML من خلال class أو ID أو TagName.

في حين أن ال node أعم من ال element فال node هي جميع المكونات التي تتكون منها صفحة الويب فعندما نتعامل  مع ال DOM  نحن نتعامل مع nodes. أما ال elemnts فهم نوع واحد من ال  node.

فال node عبارة عن واجهة يرث منها عدد من ال DOM types و هي تسمح لهذه الأنواع أن تعامل بالمثل.

 المرجع: Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node

ال Element interface تمثل كائن من ال DOM.  هذا النوع "interface" يصف خصائص مشتركة و methods لجميع ال elements. 

و ال elements يمكنها أن تحتوي على أي عدد من الأبناء في حين أن هذا غير ممكن لل node

الخلاصة:

يمكنك انشاء DOM Node في webpage كما يلي:

var node=document.createTextNode('A Node');

و يمكنك انشاء paragraph element كما يلي:

var p=document.createElement('p');

لارفاق ال node بال element:

p.appendChild(node);