DOM Document

defaultView

defaultView : هي عبارة عن خاصية تستخدم في ارجاع القيمة الأفتراضية للعنصر " document " وازالة جميع الدوال والعناصر الموجودة بداخله

Syntax

HTML

document.defaultView

Example

HTML

var x = document.defaultView;

جرّب بنفسك

doctype

doctype هي اختصار ل Document type ومن اسمها نستطيع ان نعرف انها تقوم بتحديد نوع الملف حيث أن هناك مجموعة مختلفة من الملفات مثل (XML , HTML , JSON )

Syntax

HTML

document.doctype

Example

HTML

var x = document.doctype.name;
  document.getElementById("demo").innerHTML = x;

جرّب بنفسك

documentElement

هي عبارة عن خاصية تستخدم في تحديد العنصر الأساسي الخاص بالمستند

بالنسبة للملفات من النوع "HTML " فأن الخاصية documentElement تقوم بأرجاع العنصر "HTML" لأنه هو العنصر الأساسي الخاص بالمستند

Example

HTML

var x = document.documentElement.nodeName;
  document.getElementById("demo").innerHTML = x;

جرّب بنفسك

implementation

تستخدم الخاصية "implementation " في تحديد ما اذا كان المستند يدعم ال HTML DOM أولا

- القيمة المرجعة منها تكون من النوع "Boolean" أي انها تحمل احدي القيمتين (true/false )

true : اذا كان المستند يدعم ال HTML DOM
false : اذا كان المستند لا يدعم ال HTML DOM

Syntax

HTML

document.implementation

Example

HTML

var imp = document.implementation;

جرّب بنفسك

readyState

تستخدم الخاصية " readyState " في تحديد حالة عملية تحميل المستند وتقوم بأرجاع أحدي القيم التالية

uninitialized : تدل علي ان المستند لم يبدأ التحميل بعد
loading : تدل علي ان المستند قيد التحميل
loaded : تدل علي ان المستند تم تحميله
interactive : تدل علي المستند تم تحميل جزء كافي منه يسمح بتفاعل المستخدمين معه
complete : تدل علي أن المستند تم تحميله بشكل كامل

Syntax

HTML

document.readyState

Example

HTML

var x = document.readyState;

جرّب بنفسك

referrer

referrer : هي عبارة عن خاصية تستخدم في أرجاع عنوان URL الداخلي للمستند الحالي
تقوم بأرجاع عنوان URL الداخلي للمستند بالأضافة الي عنوان ال Protocol الخاص بالصفحة

HTML

var x = document.referrer;

removeEventListener

إذا تم إنشاء حدث event وكان هناك بعض النشاط من المستخدم ولكنك لا تريد أن يتفاعل العنصر مع هذا الحدث المحدد لغرض معين وللقيام بذلك يمكننا استخدام دالة removeEventListener ()

removeEventListener هي عبارة عن دالة مضمنة بداخل لغة ال javaScript نستخدمها في حالة أردنا تعطيل حدث معين في وقت معين علي سبيل المثال نريد أيقاف تفعيل الحدث event عندما يقوم المستخدم بالضغط علي زر معين

Syntax

HTML

document.removeEventListener(event, function, useCapture)

Parameter	Description
event	تستخدم في تحديد الحديث event الذي تريد الغائه
	تستخدم في تحديد دالة لازالتها او تعطيلها

Example

HTML

/* Attach an event handler to the document */
document.addEventListener("mousemove", myFunction);

/* Remove the event handler from the document */
document.removeEventListener("mousemove", myFunction);

جرّب بنفسك

renameNode

تستخدم الخاصية " renameNode " في تحويل عنصر من نع معين الي نوع أخر

Syntax

HTML

document.renameNode(node, namespaceURI, nodename)

Parameter	Description
node	هذا هو العنصر الذي تريد تغيير نوعه الي عنصر أخر
nodename	هذا هو اسم العنصر الجديد الذي تريد التحويل اليه

scripts

هي عبارة عن خاصية تستخدم في الوصول الي جميع العناصر من النوع "<script> " الموجودة في المستند

Syntax

HTML

document.scripts

Property/Method	Description
length	هي عبارة عن دالة تستخدم في تحديد عدد العناصر
[index]	هي عبارة عن خاصية تستخدم في أحضار عنصر معين عن طريق ال index الفهرس الخاص به كما ان اول عنصر يأخذ ال index رقم صفر
item(index)	هي عبارة عن خاصية تستخدم في أحضار عنصر معين عن طريق ال index الفهرس الخاص به كما ان اول عنصر يأخذ ال index رقم صفر
namedItem(id)	هي عبارة عن خاصية تستخدم أحضار عنصر معين عن طريق المعرف ID الخاص به

[index]

HTML

var x = document.scripts[0].text;

جرّب بنفسك

item(index)

HTML

var x = document.scripts.item(0).text;

جرّب بنفسك

namedItem(id)

HTML

var x = document.scripts.namedItem("myScript").text;

جرّب بنفسك

title

title : هي عبارة عن خاصية تستخدم في الوصول الي عنصر "<title> " الخاص بالمستند الحالي ويمكننا من خلالها معرفة المحتوي الموجود بداخله او التعديل عليه

Syntax

HTML

document.title

Example

HTML

document.title = "Some new title text";

جرّب بنفسك

URL

URL : هي عبارة عن خاصية تستخدم في الحصول علي العنوان الكامل الخاص بالمستند

Syntax

HTML

document.URL

Example

HTML

var x = document.URL;

جرّب بنفسك

Syntax

Example

Syntax

Example

Example

Syntax

Example

Syntax

Example

Syntax

Example

Syntax

Syntax

[index]

item(index)

namedItem(id)

Syntax

Example

Syntax

Example

مشاركة

هل كان هذا الدرس مفيدًا؟

سجّل الدخول لحفظ تقدمك