ثلاث طرق للحصول على كائنات النموذج

1.getElementById()

يمكن لـ getElementById() الوصول إلى عنصر محدد في DOCUMENT، كما يوحي الاسم، فهو يحصل على العنصر من خلال المعرف، لذلك يمكنه الوصول إلى العنصر فقط باستخدام مجموعة المعرفات.

على سبيل المثال، يوجد DIV بالمعرف docid:

رمز البرنامج

<div معرف=docid></div>

ثم يمكنك استخدام getElementById(docid) للحصول على هذا العنصر.

2.getElementsByName()

هذا للحصول على العناصر من خلال NAME، ولكن أتساءل عما إذا كنت قد لاحظت أن هذا هو GET ELEMENTS، وصيغة الجمع ELEMENTS تعني أن ما يتم الحصول عليه ليس عنصرًا.

لأن معرف كل عنصر في المستند فريد، ولكن يمكن تكرار الاسم. لاستخدام القياس، يبدو الأمر وكأن رقم بطاقة هوية الشخص فريد (من الناحية النظرية، على الرغم من وجود نسخ مكررة في الواقع)، ولكن هناك العديد من الأسماء المكررة. إذا وثيقة

إذا كان هناك أكثر من علامتين بنفس الاسم، فيمكن لـ getElementsByName() الحصول على هذه العناصر لتكوين مصفوفة.

على سبيل المثال، هناك نوعان من عناصر DIV:

رمز البرنامج

<div name=docname id=docid1></div>

<div name=docname id=docid2></div>

ثم يمكنك استخدام getElementsByName(docname) للحصول على هذين العنصرين، واستخدام getElementsByName(docname)[0] للوصول إلى DIV الأول، واستخدام getElementsByName(docname)[1] للوصول إلى DIV الثاني.

3. getElementsByTagName()

وذلك للحصول على العناصر من خلال TAGNAME (اسم العلامة). بالطبع، سيكون للمستند نفس العلامة، لذلك تحصل هذه الطريقة أيضًا على مصفوفة.

يحتوي المثال التالي على عنصري DIV. يمكنك الوصول إليهما باستخدام getElementsByTagName(div).

getElementsByTagName(div)[1] يصل إلى DIV الثاني.

لتلخيص DOM القياسي، حاول استخدام getElementById() القياسي للوصول إلى عنصر معين، واستخدم getElementByTagName() القياسي للوصول إلى العلامات، ومع ذلك، لا يدعم IE getElementsByName()، لذا يجب عليك تجنب استخدامه.

getElementsByName()، لكن getElementsByName() وdocument.all[] غير القياسي ليسا عديمي الفائدة، فلهما وسائل الراحة الخاصة بهما، يعتمد الأمر على المتصفح الذي يستخدمه المستخدمون.