كيفية التحقق من وجود عنصر في DOM المرئي

يعد العثور على عنصر في DOM باستخدام معرفه مهمة شائعة في JavaScript. ومع ذلك، ماذا لو كنت بحاجة إلى التحقق من وجود عنصر دون استخدام هذه الطريقة؟

تحديد العناصر غير المرئية

عند إزالة عنصر من DOM، يظل مرجعه في متغير JavaScript موجود. يمكن أن يؤدي هذا إلى نتائج غير متوقعة عند التحقق من وجود العنصر باستخدام typeof أو === null.

النهج الحالي

تحاول الدالة isNull() التحايل على هذه المشكلة عن طريق تعيين معرف عشوائي مؤقتًا على العنصر، والعثور عليه باستخدام getElementById()، ثم إزالة المعرف المؤقت. يُرجع هذا الأسلوب صحيحًا إذا لم يتم العثور على العنصر في DOM وخطأ إذا تم العثور عليه.

تبسيط التحقق من الوجود

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

var elementExists = document.getElementById("find-me");

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

التحقق من الرؤية في DOM

للتحقق على وجه التحديد من وجود عنصر في DOM المرئي، يمكن للأسلوب يحتوي على () يمكن استخدامه:

document.body.contains(someReferenceToADomElement);

تُرجع هذه الطريقة صحيح إذا كان العنصر موجودًا في DOM وخطأ بخلاف ذلك.