জাভাস্ক্রিপ্ট ব্যবহার করে শরীরের একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করুন

Jabhaskripta Byabahara Kare Sarirera Ekati Nirdista Klasa Ache Kina Ta Pariksa Karuna



একটি ওয়েব পৃষ্ঠা বা সাইট ডিজাইন করার সময়, ডেভেলপারের শেষে একটি ডেডিকেটেড ক্লাসের বিপরীতে অনুরূপ কার্যকারিতা বাছাই করার সম্ভাবনা থাকতে পারে। উদাহরণস্বরূপ, একই উপাদানে একটি নির্দিষ্ট ওয়েব পৃষ্ঠা বরাদ্দ করা কিন্তু জিনিসগুলিকে প্রাসঙ্গিক করার জন্য একটি স্বতন্ত্র শ্রেণী সহ। এই ধরনের পরিস্থিতিতে, একটি শরীরের একটি নির্দিষ্ট শ্রেণী আছে কিনা তা পরীক্ষা করা বিভিন্ন কার্যকারিতা সহজে অ্যাক্সেস করতে এবং আপডেট করার প্রক্রিয়াগুলিতেও সহায়তা করে।

এই নিবন্ধটি জাভাস্ক্রিপ্ট ব্যবহার করে একটি শরীরের একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করার পদ্ধতিগুলি প্রদর্শন করবে।

জাভাস্ক্রিপ্ট ব্যবহার করে শরীরের একটি নির্দিষ্ট ক্লাস আছে কিনা তা কীভাবে পরীক্ষা করবেন?

জাভাস্ক্রিপ্ট ব্যবহার করে একটি বডির একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করতে, নিম্নলিখিত পদ্ধতিগুলি প্রয়োগ করুন:





  • ' ক্লাসলিস্ট 'সম্পত্তি এবং' রয়েছে() 'পদ্ধতি।
  • ' GetElementsByTagName() ' এবং ' ম্যাচ() 'পদ্ধতি।
  • ' jQuery ”

আসুন একে একে প্রতিটি পন্থা ব্যাখ্যা করি!



পদ্ধতি 1: ক্লাসলিস্ট প্রপার্টি ব্যবহার করে জাভাস্ক্রিপ্টে বডির একটি নির্দিষ্ট শ্রেণী আছে কিনা পরীক্ষা করুন এবং এতে() পদ্ধতি রয়েছে

দ্য ' ক্লাসলিস্ট ” সম্পত্তি একটি উপাদানের CSS শ্রেণীর নাম দেয়। যেহেতু ' রয়েছে() ” পদ্ধতি সত্য দেয় যদি একটি নোড একটি বংশধর হয়। সম্মিলিত এই পদ্ধতিগুলি সংশ্লিষ্ট উপাদানের অন্তর্ভুক্ত ক্লাস অ্যাক্সেস করতে প্রয়োগ করা যেতে পারে।



বাক্য গঠন



নোড ধারণ করে ( নগ্ন )

উপরের সিনট্যাক্সে:

  • ' নগ্ন ” সংশ্লিষ্ট নোডের নোডের বংশধরের সাথে মিলে যায়।

উদাহরণ
আসুন নীচের উদাহরণের একটি ওভারভিউ আছে:



< কেন্দ্র < শরীর ক্লাস = 'ধারণ' >
< h2 > এটি Linuxhint ওয়েবসাইট h2 >
কেন্দ্র >> শরীর >
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
যদি ( নথি শরীর . ক্লাসলিস্ট . ধারণ করে ( 'ধারণ করা' ) ) {
কনসোল লগ ( 'শরীরের উপাদানের ক্লাস আছে' ) ;
}
অন্য {
কনসোল লগ ( 'শরীরের উপাদানের ক্লাস নেই' ) ;
}
লিপি >

উপরের কোডে প্রদত্ত নিচের ধাপগুলি প্রয়োগ করুন:

  • প্রথমত, একটি অন্তর্ভুক্ত করুন ' ' সেট বৈশিষ্ট্যযুক্ত উপাদান ' ক্লাস ”
  • এছাড়াও, নির্দিষ্ট উপাদান ( ) এর মধ্যে একটি শিরোনাম যোগ করুন।
  • জেএস কোডে, 'প্রয়োগ করুন ক্লাসলিস্ট 'এর সাথে মিলিত সম্পত্তি ' রয়েছে() 'পদ্ধতি।
  • এটি ফলস্বরূপ সংশ্লিষ্ট ক্লাসে অ্যাক্সেস করবে ' পদ্ধতির প্যারামিটারে নির্দিষ্ট শ্রেণীর নামের উপর ভিত্তি করে উপাদান।
  • সন্তুষ্ট শর্তে, ' যদি ” শর্ত কার্যকর হবে।
  • বিপরীতভাবে, ' অন্য ” স্টেটমেন্ট কোড ব্লক কার্যকর হবে।

আউটপুট

উপরের আউটপুটে, এটি দেখা যায় যে নির্দিষ্ট শ্রেণীটি ' ' উপাদান।

পদ্ধতি 2: getElementsByTagName() এবং ম্যাচ() পদ্ধতি ব্যবহার করে জাভাস্ক্রিপ্টে বডির একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করুন

দ্য ' GetElementsByTagName() ” পদ্ধতি একটি নির্দিষ্ট ট্যাগ নামের সমস্ত উপাদানের একটি সংগ্রহ দেয়। দ্য ' ম্যাচ() ” পদ্ধতি স্ট্রিং এর সাথে নির্দিষ্ট মান মেলে। এই পদ্ধতিগুলি ট্যাগ দ্বারা প্রয়োজনীয় উপাদান অ্যাক্সেস করতে এবং নির্দিষ্ট ক্লাসের জন্য পরীক্ষা করতে ব্যবহার করা যেতে পারে।

বাক্য গঠন

নথি getElementsByTagName ( ট্যাগ )

প্রদত্ত সিনট্যাক্সে:

  • ' ট্যাগ ” উপাদানটির ট্যাগ নাম উপস্থাপন করে।

উদাহরণ
নিম্নলিখিত উদাহরণ আলোচিত ধারণা প্রদর্শন করে:

< কেন্দ্র < শরীর ক্লাস = 'ধারণ করে' >
< img src = 'template2.png' উচ্চতা = '150px' প্রস্থ = '150px' >
কেন্দ্র >> শরীর >
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
দিন পাওয়া = নথি getElementsByTagName ( 'শরীর' ) [ 0 ] . শ্রেণির নাম . ম্যাচ ( /ধারণ করে/ )
যদি ( পাওয়া ) {
কনসোল লগ ( 'শরীরের উপাদানের ক্লাস আছে' ) ;
}
অন্য {
কনসোল লগ ( 'শরীরের উপাদানের ক্লাস নেই' ) ;
}
লিপি >

উপরের কোড স্নিপেটে:

  • একইভাবে, একটি অন্তর্ভুক্ত করুন ' ' নির্দিষ্ট শ্রেণী থাকার উপাদান।
  • এছাড়াও, পূর্ববর্তী ধাপে বর্ণিত উপাদানের মধ্যে সেট মাত্রা সহ একটি চিত্র ধারণ করুন।
  • কোডের জাভাস্ক্রিপ্ট লাইনে, ' ' উপাদানটি তার ট্যাগ দ্বারা ' ব্যবহার করে GetElementsByTagName() 'পদ্ধতি।
  • দ্য ' [০] ” ইঙ্গিত করে যে পূর্ববর্তী ধাপে বর্ণিত ট্যাগের সাথে সম্পর্কিত প্রথম উপাদানটি আনা হবে৷
  • দ্য ' শ্রেণির নাম 'সম্পত্তি এবং' ম্যাচ() 'পদ্ধতি বিবৃত শ্রেণীর জন্য তার প্যারামিটারে 'এর বিপরীতে মিলবে ' উপাদান।
  • প্রাক্তন বিবৃতি ' যদি ' শর্ত পূর্ববর্তী ধাপে সমস্ত শর্তের সন্তুষ্টির উপর কার্যকর হবে৷
  • অন্যথায়, পরবর্তী বিবৃতি প্রদর্শিত হবে।

আউটপুট

উপরের আউটপুট নির্দেশ করে যে একটি নির্দিষ্ট শ্রেণীর জন্য প্রয়োগকৃত শর্ত সন্তুষ্ট।

পদ্ধতি 3: jQuery ব্যবহার করে জাভাস্ক্রিপ্টে বডির একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করুন

এই পদ্ধতিটি সরাসরি প্রয়োজনীয় উপাদানটি অ্যাক্সেস করার জন্য প্রয়োগ করা যেতে পারে এবং সহজভাবে এর পদ্ধতির সাহায্যে এর বিরুদ্ধে নির্দিষ্ট শ্রেণীটি সনাক্ত করতে পারে।

উদাহরণ
আসুন নীচের উদাহরণটি দিয়ে যাই:

< স্ক্রিপ্ট src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' >> লিপি >
< কেন্দ্র < শরীর ক্লাস = 'ধারণ করে' >
< textarea স্থানধারক = 'যেকোনো টেক্সট টাইপ করুন...' >> textarea >
কেন্দ্র >> শরীর >

যদি ( $ ( 'শরীর' ) . আছে ক্লাস ( 'ধারণ করে' ) ) {
সতর্ক ( 'শরীরের উপাদানের ক্লাস আছে' )
}
অন্য {
সতর্ক ( 'শরীরের উপাদানের ক্লাস নেই' )
}
লিপি >

কোডের উপরের লাইনগুলিতে:

  • অন্তর্ভুক্ত করুন ' jQuery লাইব্রেরি এর কার্যকারিতা ব্যবহার করতে।
  • একইভাবে, অন্তর্ভুক্ত করুন ' ' বিবৃত ক্লাস থাকার উপাদান.
  • এছাড়াও, একটি যোগ করুন '