कैसे जांचें कि दृश्यमान DOM में कोई तत्व मौजूद है या नहीं

DOM में उसकी आईडी का उपयोग करके एक तत्व ढूंढना जावास्क्रिप्ट में एक सामान्य कार्य है। हालाँकि, यदि आपको इस पद्धति का उपयोग किए बिना किसी तत्व के अस्तित्व की जांच करने की आवश्यकता है तो क्या होगा? मौजूद है. typeof या === null का उपयोग करके तत्व अस्तित्व की जांच करने पर यह अप्रत्याशित परिणाम दे सकता है।

वर्तमान दृष्टिकोण

isNull() फ़ंक्शन अस्थायी रूप से एक यादृच्छिक आईडी सेट करके इस समस्या को हल करने का प्रयास करता है। तत्व, getElementById() का उपयोग करके इसे ढूंढना, और फिर अस्थायी आईडी को हटाना। यदि तत्व DOM में नहीं पाया जाता है तो यह दृष्टिकोण सत्य और यदि पाया जाता है तो गलत लौटाता है। इसकी दृश्यता), ब्राउज़र के किसी भी तत्व चयन विधियों का उपयोग करना एक आसान तरीका है:

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

एक बूलियन के लिए मूल्य, आप उपयोग कर सकते हैं !! चयन विधि कॉल से पहले। इसके अतिरिक्त, querySelector() और getElementsByTagName() जैसी विधियों का उपयोग किया जा सकता है।

DOM में दृश्यता की जाँच करना

विशेष रूप से यह जाँचने के लिए कि दृश्यमान DOM में कोई तत्व मौजूद है या नहीं, include() विधि कर सकती है उपयोग किया जा सकता है:

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

document.body.contains(someReferenceToADomElement);

यदि तत्व DOM में मौजूद है तो यह विधि सही है और अन्यथा गलत है।