Latest web development tutorials

وصول HTML DOM

الوصول إلى DOM HTML - إيجاد عناصر HTML.

عناصر HTML وصول (العقد)

عناصر HTML وصول أي ما يعادل الوصول عقدة

يمكنك أن تكون في طريقة مختلفة للوصول إلى عناصر HTML:

  • باستخدام طريقة getElementById ()
  • باستخدام طريقة getElementsByTagName ()
  • باستخدام getElementsByClassName طريقة ()

getElementById) طريقة (

getElementById () الأسلوب بإرجاع عنصر مع معرف محدد:

قواعد

node.getElementById("id");

المثال التالي الحصول على هوية = عنصر "مقدمة":

أمثلة

document.getElementById("intro");

محاولة »

getElementsByTagName) طريقة (

getElementsByTagName () بإرجاع كافة العناصر مع اسم العلامة محدد.

قواعد

node.getElementsByTagName("tagname");

إرجاع المثال التالي على قائمة الوثائق التي تحتوي على جميع العناصر <ص>:

مثال 1

document.getElementsByTagName("p");

محاولة »

إرجاع المثال التالي على قائمة الوثائق التي تحتوي على جميع العناصر <p> و، وينبغي أن يكون العنصر <p> ومعرف أصل أفريقي = "الرئيسي" عنصر (الطفل، والشمس، الخ):

مثال 2

document.getElementById("main").getElementsByTagName("p");

محاولة »

وgetElementsByClassName () طريقة

إذا كنت تريد أن تجد جميع عناصر HTML مع نفس اسم الفئة، استخدم هذا الأسلوب:

document.getElementsByClassName("intro");

بإرجاع قائمة تحتوي على سبيل المثال الطبقة المذكورة أعلاه = "مقدمة" جميع العناصر:

ملاحظة: getElementsByClassName () غير صالحة في 5،6،7،8 في Internet Explorer.