Muayyan identifikatorli element mavjud yoki mavjud emasligini qanday aniqlaydi

JavaScript-da men muayyan identifikatori mavjud yoki yo'qligini tekshirishni xohlayman, men uni 2 usul bilan sinab ko'rdim

1).

var myEle = document.getElementById("myElement");
if(myEle  == null){
   var myEleValue= document.getElementById("myElement").value;
}

2).

if(getElementById("myElement")){
    var myEleValue= document.getElementById("myElement").value;
}

ammo u quyidagi xatolarni beradi -

ob'ekt kutilgan

17
Bu document.getElementById()
qo'shib qo'ydi muallif Andreas, manba
@AmitaPatil javobni savolga o'zgartirish kerak emas! Muammoni keltirib chiqaradigan kodni saqlashingiz kerak!
qo'shib qo'ydi muallif ibrahim mahrir, manba
Sizning birinchi holatda siz elementni null deb hisoblasangiz, uning qiymatini qabul qilsangiz, u bo'sh bo'lmasa (yoki 2-taqdirda bajarayotganingizdek haqiqat bo'lsa) tekshirib ko'rishingiz kerak. Boshqa narsa esa document.getElementById() dan foydalanishingiz kerak
qo'shib qo'ydi muallif winhowes, manba
Sizning birinchi holatda siz elementni null deb hisoblasangiz, uning qiymatini qabul qilsangiz, u bo'sh bo'lmasa (yoki 2-taqdirda bajarayotganingizdek haqiqat bo'lsa) tekshirib ko'rishingiz kerak. Boshqa narsa esa document.getElementById() dan foydalanishingiz kerak
qo'shib qo'ydi muallif winhowes, manba
Ha, men o'z kodimga amal qildim, bu erda xato
qo'shib qo'ydi muallif Amita Patil, manba
Ha, men o'z kodimga amal qildim, bu erda xato
qo'shib qo'ydi muallif Amita Patil, manba
faqat myEle! = null ga o'tishni istasangiz, document.getElementById() kerakli identifikatorli element topilmasa nullani qaytaradi (qarang: developer.mozilla.org/en-US/docs/Web/API/Document/… >)
qo'shib qo'ydi muallif TastySpaceApple, manba
faqat myEle! = null ga o'tishni istasangiz, document.getElementById() kerakli identifikatorli element topilmasa nullani qaytaradi (qarang: developer.mozilla.org/en-US/docs/Web/API/Document/… >)
qo'shib qo'ydi muallif TastySpaceApple, manba

8 javoblar

 var myEle = document.getElementById("myElement");
    if(myEle){
        var myEleValue= myEle.value;
    }
30
qo'shib qo'ydi
@ibrahimmahrir Agar muammo yukda bo'lsa, uning kod qismini o'zgartirdim, iltimos, savolni boshqa kod bilan tartibga solib, bizga nima bo'lganini ko'rsating
qo'shib qo'ydi muallif Mr.Bruno, manba
@AmitaPatil yo'q, lekin o'zgaruvchining faqatgina agar uni tekshirishda aniqlansa, agar myEle o'zgarmaydigan bo'lsa, kodning boshqa blokini
qo'shib qo'ydi muallif Mr.Bruno, manba
if (myEle! = null) {} dan foydalaning
qo'shib qo'ydi muallif Deep 3015, manba
Bundan tashqari, yuk voqea qayta chaqiruv ichidagi paketni ko'rib chiqaylik, agar DOM yuklanmagan bo'lsa, element hech qachon bajarilmasa ham bajarilmaydi!
qo'shib qo'ydi muallif ibrahim mahrir, manba
Document.getElementById ("myElement"), bu boolean qiymati qaytaradi?
qo'shib qo'ydi muallif Amita Patil, manba
 var myEle = document.getElementById("myElement");
    if(myEle){
        var myEleValue= myEle.value;
    }
30
qo'shib qo'ydi
@ibrahimmahrir Agar muammo yukda bo'lsa, uning kod qismini o'zgartirdim, iltimos, savolni boshqa kod bilan tartibga solib, bizga nima bo'lganini ko'rsating
qo'shib qo'ydi muallif Mr.Bruno, manba
@AmitaPatil yo'q, lekin o'zgaruvchining faqatgina agar uni tekshirishda aniqlansa, agar myEle o'zgarmaydigan bo'lsa, kodning boshqa blokini
qo'shib qo'ydi muallif Mr.Bruno, manba
if (myEle! = null) {} dan foydalaning
qo'shib qo'ydi muallif Deep 3015, manba
Bundan tashqari, yuk voqea qayta chaqiruv ichidagi paketni ko'rib chiqaylik, agar DOM yuklanmagan bo'lsa, element hech qachon bajarilmasa ham bajarilmaydi!
qo'shib qo'ydi muallif ibrahim mahrir, manba
Document.getElementById ("myElement"), bu boolean qiymati qaytaradi?
qo'shib qo'ydi muallif Amita Patil, manba

You can simply use if(yourElement)

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var a = document.getElementById("elemA");
var b = document.getElementById("elemB");

if(a)
  console.log("elemA exists");
else
  console.log("elemA does not exist");
  
if(b)
  console.log("elemB exists");
else
  console.log("elemB does not exist");
<div id="elemA"></div>
</div> </div>
2
qo'shib qo'ydi

You can simply use if(yourElement)

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var a = document.getElementById("elemA");
var b = document.getElementById("elemB");

if(a)
  console.log("elemA exists");
else
  console.log("elemA does not exist");
  
if(b)
  console.log("elemB exists");
else
  console.log("elemB does not exist");
<div id="elemA"></div>
</div> </div>
2
qo'shib qo'ydi
document.getElementById('yourId')

to'g'ri yo'ldir.

hujjat DOMga yuklangan HTML hujjatini bildiradi.

va id ni getElementById() funksiyasidan foydalanib qidirishadi element elementi parametrini oladi

Biznes hal qiladi:

var elem = (document.getElementById('myElement'))? document.getElementById('myElement').value : '';

/* this will assign a value or give you and empty string */
2
qo'shib qo'ydi
document.getElementById('yourId')

to'g'ri yo'ldir.

hujjat DOMga yuklangan HTML hujjatini bildiradi.

va id ni getElementById() funksiyasidan foydalanib qidirishadi element elementi parametrini oladi

Biznes hal qiladi:

var elem = (document.getElementById('myElement'))? document.getElementById('myElement').value : '';

/* this will assign a value or give you and empty string */
2
qo'shib qo'ydi

GetElementById-dan siz qidirayotgan ob'ektni ko'rsatishingiz kerak. Bunday holda siz hujjatni ishlatishingiz mumkin. Faqat siz chaqirolmaysiz .to'g'ridan bevosita qiymatga ega bo'lasiz. Misol uchun, element matn qutisi bo'lsa .value qiymati qaytaradi, lekin agar div bo'lsa, u qiymatga ega bo'lmaydi.

Sizda ham noto'g'ri holat mavjud, siz tekshirasiz

agar (myEle == null)

bo'lsa

bu siz o'zgartirishingiz kerak

agar (myEle! = null)

bo'lsa
var myEle = document.getElementById("myElement");
if(myEle != null) { 
    var myEleValue= myEle.value; 
}
2
qo'shib qo'ydi
myEle.value kodini blokirovka qilishda yaxshiroq foydalaning.
qo'shib qo'ydi muallif Deep 3015, manba
Siz haqsiz. Rahmat!
qo'shib qo'ydi muallif Armin, manba

getElementById

Return Value: An Element Object, representing an element with the specified ID. Returns null if no elements with the specified ID exists see: https://www.w3schools.com/jsref/met_document_getelementbyid.asp

Truthy vs Falsy

In JavaScript, a truthy value is a value that is considered true when evaluated in a Boolean context. All values are truthy unless they are defined as falsy (i.e., except for false, 0, "", null, undefined, and NaN). see: https://developer.mozilla.org/en-US/docs/Glossary/Truthy

Domen elementi document da topilmasa, u null ni qaytaradi. null - bu Falsy va if ifodasida boolean expression sifatida foydalanish mumkin.

var myElement = document.getElementById("myElement");
if(myElement){
 //Element exists
}
1
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb