এই পোস্টটি জাভাস্ক্রিপ্ট ব্যবহার করে HTML DOM উপাদান 'previousElementSibling' বৈশিষ্ট্য ব্যাখ্যা করে।
HTML DOM এলিমেন্ট 'previousElementSibling' প্রপার্টি কি?
DOM (ডকুমেন্ট অবজেক্ট মডেল) উপাদান ' আগের এলিমেন্ট ভাইবোন ” হল একটি পঠনযোগ্য সম্পত্তি যা একই গাছের একটি উপাদানের পূর্ববর্তী ভাইবোন পুনরুদ্ধার করতে সহায়তা করে। এই সম্পত্তি পূর্ববর্তী ভাইবোনের বিষয়বস্তু প্রদান করে।
বাক্য গঠন
উপাদান আগের এলিমেন্ট ভাইবোন
এই সিনট্যাক্সটি ' স্ট্রিং ' পূর্ববর্তী ভাইবোনের HTML বিষয়বস্তু রয়েছে এবং ' খালি 'যদি এটি বিদ্যমান না থাকে।
চলুন 'previousElementSibling' প্রপার্টির কাজ দেখানোর জন্য ব্যবহারিকভাবে উপরের-সংজ্ঞায়িত সিনট্যাক্স ব্যবহার করি।
উদাহরণ: পূর্ববর্তী ভাইবোনের বিষয়বস্তু ফেরত দেওয়ার জন্য 'আগের এলিমেন্টসিবলিং' সম্পত্তি প্রয়োগ করা
এই উদাহরণটি পূর্ববর্তী ভাইবোনের HTML বিষয়বস্তু পেতে JavaScript “previousElementSibling” প্রপার্টি প্রয়োগ করে।
HTML কোড
প্রথমত, নিম্নলিখিত HTML কোডের একটি ওভারভিউ:
< উল >< যে আইডি = 'প্রথম' > এইচটিএমএল < / যে >
< যে আইডি = 'দ্বিতীয়' > সিএসএস < / যে >
< যে আইডি = 'তৃতীয়' > জাভাস্ক্রিপ্ট < / যে >
< / উল >
< পি আইডি = 'জন্য' < / পি >
উপরের কোড লাইনে:
- দ্য '
- অবিন্যস্ত তালিকার ভিতরে, একাধিক আইটেম ব্যবহার করে এমবেড করা হয়েছে ' <তা> ” তাদের বরাদ্দকৃত আইডির সাথে ট্যাগ করুন।
- সবশেষে, ' ' ট্যাগ একটি অনন্য আইডি 'প্যারা' সহ একটি খালি অনুচ্ছেদ এম্বেড করে।
জাভাস্ক্রিপ্ট কোড
এখন, জাভাস্ক্রিপ্ট কোড দিয়ে চালিয়ে যান:
< লিপি >যাক আইটেম = নথি getElementById ( 'তৃতীয়' ) . আগের এলিমেন্ট ভাইবোন . innerHTML ;
নথি getElementById ( 'জন্য' ) . innerHTML = ' তৃতীয় আইটেমের পূর্ববর্তী ভাইবোন হল : ' + আইটেম ;
লিপি >
উপরের কোড স্নিপেট অনুযায়ী:
- 'আইটেম' ভেরিয়েবল প্রথমে ব্যবহার করে ' getElementById() 'এর আইডি 'তৃতীয়' ব্যবহার করে লক্ষ্যযুক্ত তালিকা আইটেম অ্যাক্সেস করার পদ্ধতি এবং তারপর 'প্রয়োগ করুন' আগের এলিমেন্ট ভাইবোন 'সম্পত্তি তার আগের ভাইবোন পেতে.
- এর পরে, ' getElementById() ' পদ্ধতিটি 'আইটেম' ভেরিয়েবলের মান অর্থাৎ পূর্ববর্তী ভাইবোনের সাথে যুক্ত করতে তার আইডি 'প্যারা' ব্যবহার করে যোগ করা খালি অনুচ্ছেদ অ্যাক্সেস করে।
আউটপুট
যেমন দেখা হয়েছে, ফলাফলটি লক্ষ্য করা আইটেমের পূর্ববর্তী ভাইবোনকে দেখায় অর্থাৎ (জাভাস্ক্রিপ্ট)।
উপসংহার
জাভাস্ক্রিপ্ট পূর্ব-নির্ধারিত DOM উপাদান প্রদান করে “ আগের এলিমেন্ট ভাইবোন একটি উপাদানের পূর্ববর্তী ভাইবোন পুনরুদ্ধার করার সম্পত্তি। এটি একই গাছের স্তর থেকে একটি উপাদানের পূর্ববর্তী ভাইবোনকে ফেরত দেয় যেখানে লক্ষ্য উপাদানটি থাকে। এই পোস্টটি গভীরভাবে জাভাস্ক্রিপ্টে HTML DOM উপাদান 'previousElementSibling' বৈশিষ্ট্য ব্যাখ্যা করেছে।