بررسی وجود المنت در html با js
سلام ، من یه فایل app.js دارم که توی تمام فایل html اون رو فراخونی کردم .
مشکل اینجاس که مثلا توی یه فایل من المنت هایی رو ایجاد کردم و با js تغیراتی روی اون انجام دادم ولی تو بقیه فایل اون وجود نداره واسه همین ارور ایجاد میشه . چجوری میتونم بگم اگه اون المنت وجود داشت بقیه کارهاشو انجام بده
let form_send = document.querySelector('.comment-form');
let commentInput = form_send.querySelectorAll('input[type=text] , input[type=email] , textarea');
let formAction = [...commentInput];
formAction.map(item => { inputOnBlur(item); inputOnInput(item) })این یه نمونه کد هست که فقط توی یه فایل وجود داره و بقیه جاها نیست
ممنون
شما باید یک شرط بزارید در این مورد که زمانی اگر المنت من وجود داشت این کار را انجام بده
if (typeof form_send != "undefined") {
alert("Exist");
}
@milad با توجه به جواب شما یعنی من باید واسه هر المنت بیام بگم
if(document.querySelector('.comment-form')){
let form_send = document.querySelector('.comment-form');
}در حالت عادی ما می دونیم که قراره چه عنصری رو انتخاب کنیم، و می دونیم که چنین عنصری باید وجود داشته باشه، پس نیاز نمی بینیم که برای عنصر مورد نظر هر مرتبه شرط وجود داشتنش رو امتحان کنیم. ولی وقتی به سراغ سوال شما میریم، می بینیم که ذکر کردید وضعیت عنصر مشخص نیست، پس در این حالت قبل از انجام عملیات نیاز هستش که بررسی کنیم وجود داره یا نداره.
اگر هم ساختارهای تکراری دارید که می تونید کد بالا رو با دستورات پیمایشی ترکیب کنید.
اینجوری
let form_send = document.querySelector('.comment-form');
if(form_send){
//do Somthing
}