জাভাস্ক্রিপ্টের সাথে কোনও ডিভের উপস্থিতি নেই কিনা তা পরীক্ষা করুন


92

কোনও ডিভ রয়েছে কিনা তা পরীক্ষা করা মোটামুটি সহজ

if(document.getif(document.getElementById('if')){

}

তবে প্রদত্ত আইডি সহ কোনও ডিভের উপস্থিতি নেই কিনা তা আমি কীভাবে পরীক্ষা করতে পারি?

উত্তর:


152
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');

4
অনেক ধন্যবাদ. আমি অ্যাঙ্গুলারজেএস এবং বুটস্ট্র্যাপ মডেল উইন্ডো ব্যবহার করছি, কোনও কারণে জিকুয়ারি মডেল উইন্ডোতে উপাদান খুঁজে পেল না। ভ্যানিলা জেএস ভাল কাজ করে।
ক্রেেক্স

75
if (!document.getElementById("given-id")) {
//It does not exist
}

বিবৃতিটি document.getElementById("given-id")প্রত্যাবর্তন করে nullযদি এর সাথে given-idকোনও উপাদান উপস্থিত না থাকে এবং nullমিথ্যা অর্থ হয় যে এটি যদি কোনও বিবৃতিতে মূল্যায়ন করার সময় এটি মিথ্যাতে অনুবাদ করে। ( অন্যান্য মিথ্যা মান )


4
হাই ইসাইলিজা, আমি মনে করি আপনি "কেন!" এর সাথে বিশদ যুক্ত করলে আপনি সেরা উত্তর হতে পারেন! ভাল কাজ করে. সম্ভবত এটি বলার কারণে এটি বাতিল হয়ে যায়, যা মিথ্যা। আমার কাছ থেকে +1
অ্যালেক্স কিস্মিথ

4
লোকেরা কী গুগল করতে পারে "!" জাভাস্ক্রিপ্ট বা অন্যান্য অনেক ভাষায় অর্থ। এটি রকেট বিজ্ঞান নয়।
কমান্ডজেড

7
@ কম্যান্ডজেড: কেন লোকেরা এটি গুগলে আনতে বাধ্য করে, যখন একটি সাধারণ ইনলাইন ব্যাখ্যাটি দ্রুততর হয়। তদ্ব্যতীত, আমি বিশ্বাস করি যে অ্যালেক্স যা পাচ্ছেন তা হ'ল যা nullমূল্যায়ন করে falseযা সাধারণ জ্ঞান নয় (সি # এমন একটি ভাষা যেখানে nullমিথ্যের সমান হয় না)।
ডগ এস

4
@ ডউগস এমনকি জবরদস্ত সমতার তুলনায়ও nullসমান নয় false- ToBoolean(null)রিটার্নের আহ্বানfalse
এসাইলিজা

10

আইডি সহ উপাদানটি পাওয়ার চেষ্টা করুন এবং ফেরতের মানটি শূন্য কিনা তা পরীক্ষা করুন:

document.getElementById('some_nonexistent_id') === null

আপনি যদি jQuery ব্যবহার করেন তবে আপনি এটি করতে পারেন:

$('#some_nonexistent_id').length === 0

4
এমন কিছু কারণ আছে যা আপনি কেবল করতে পারেন নি !document.getElementById('foo')?
Snuffleupagus

@ ইলেটেডওল এমনটি ঘটতে পারে যে আপনি অনেক ইনপুটগুলিতে অপারেশন করতে পারবেন এবং সেগুলি বিদ্যমান কিনা তা আপনি পরীক্ষা করতে চান। এটা document.getElementById()তখন অর্থহীন হবে ।
ড্যানন

10

আমার জাভাস্ক্রিপ্ট এবং JQuery কোড উভয়ই চেক করুন:

জাভাস্ক্রিপ্ট:

if (!document.getElementById('MyElementId')){
    alert('Does not exist!');
}

জিকুয়েরি:

if (!$("#MyElementId").length){
    alert('Does not exist!');
}


1

এটি এর সাথে কাজ করে:

 var element = document.getElementById('myElem');
 if (typeof (element) != undefined && typeof (element) != null && typeof (element) != 'undefined') {
     console.log('element exists');
 }
 else{
     console.log('element NOT exists');
 }

1

এর থেকেও আরও ভাল সমাধান রয়েছে। এমনকি উপাদানটি ফিরে আসে কিনা তা পরীক্ষা করার প্রয়োজন নেই null। আপনি কেবল এটি করতে পারেন:

if (document.getElementById('elementId')) {
  console.log('exists')
}

সেই কোডটি কেবলমাত্র কনোসলে লগ করবে existsযদি ডিওমে উপাদানটি বিদ্যমান থাকে।


0

আমি নীচে যাচ্ছি এবং idউপস্থিত আছে কিনা তা যাচাই করি এবং উপস্থিত থাকলে ফাংশন সম্পাদন করি।

var divIDVar = $('#divID').length;
if (divIDVar === 0){ 
    console.log('No DIV Exist'); 
} else{  
    FNCsomefunction(); 
}   

0

এই সমস্ত উত্তরগুলি ডিআইভির উপাদান সম্পর্কে আপনি বিশেষভাবে জিজ্ঞাসা করেছেন এমন বিষয়টি আমলে নেবে না

document.querySelector("div#the-div-id")

@see https://developer.mozilla.org/en-US/docs/Web/API/ ডকুমেন্ট / ক্যুরিয়ার নির্বাচনকারী

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.