وظيفة getElementsByTagName() في HTML DOM

التعريف والاستخدام

وظيفة getElementsByTagName() يمكن أن تعود مجموعة من العناصر المزودة بعلامة التسمية المحددة.

النحو

document.getElementsByTagName(tagname)

الشرح

ترتيب العناصر التي تعود بها وظيفة getElementsByTagName() هو نفسه في المستند.

إذا تم تمرير السلسلة الخاصة "*" إلى وظيفة getElementsByTagName()، فإنها ستعود بقائمة جميع العناصر في المستند، حيث يكون ترتيب العناصر هو نفسه في المستند.

الإشارات والتعليقات

التعليق:التعليمة: يمكن أن تكون الأحرف الموجودة في السلسلة التي يتم تمريرها إلى وظيفة getElementsByTagName() غير مفرقة بين الأحرف الكبيرة والصغيرة.

مثال

مثال 1

<هولد>
<رأس>
<سكرابت نوع="text/javascript">
وظيفة الحصول على العناصر()
  {
  تعريف x =;تحديد عناصر ("إدخال");
  تحذير (طول x);
  }
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />
</body>
</html>

مثال 2

يمكن استخدام طريقة getElementsByTagName() للحصول على قائمة بأي نوع من عناصر HTML. على سبيل المثال، يمكن للحكم التالي الحصول على جميع الجداول في الوثيقة:

var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");

مثال 3

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

var myParagragh = document.getElementsByTagName("p")[3];

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