إنشاء مجموعة من s في div معين باستخدام جافا سكريبت

Question

أحاول إنشاء مجموعة من <li> التي في div. لذلك أنا أملك

var arr = document.getElementById('mainNav').getElementsByTagName('li');

لأغراض الاختبار، وضعت alert("test"); alert(arr.length); لمعرفة ما إذا كان التنبيه سوف ينبثق وما حجم الصفيف هو. أظهر أي من التنبيهات، ولكن إذا وضعت تنبيها قبل هذا الإعلان المتغير، فإنه يعمل بشكل جيد. ماذا يمكن أن يحدث خطأ؟

Answer 1

ربما لا تظهر تنبيهاتك بسبب document.getElementById('mainNav') يعود null. وبعد تحقق مما إذا كنت تحصل على خطأ JavaScript. أو قم بتنفض التعليمات البرمجية الخاصة بك إلى خطوط متعددة لتسهيل معرفة المكان الذي يحدث فيه الخطأ:

var mainNav = document.getElementById('mainNav');
alert(mainNav);
var arr = mainNav.getElementsByTagName('li');

Answer 2

إذا كنت متأكدا من أن لديك عناصر LI ضمن "Mainnav". حاول وضع التعليمات البرمجية الخاصة بك في وظيفة Onload:

window.onload = function(){
var arr = document.getElementById('mainNav').getElementsByTagName('li');

}

الكود الخاص بك ربما التنفيذ قبل إنشاء العنصر.