SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


এইচটিএমএল (html) id selection

জাভাস্কিপ্টের মাধ্যমে খুব সহজে html এর যেকোনো id কে টার্গেট করতে পারি । ওই id ভ্যালু ও পরিবর্তন করতে পারি অর্থাৎ ডাইনামিকে রূপান্তরিত করতে পারি । এর জন্য প্রয়োজন জাভাস্কিপ্টের " getElementById" মেথডটির । এই মেথডটির দ্বারাই সম্ভব html ডাইনামিক ট্যাগ তৈরি করা ।

javascript data type

উদাহরণ :

  1. প্রথমে প্রয়োজন একটি html ট্যাগ । এখানে নেওয়া হল <h1> ট্যাগ এবং এই ট্যাগের Id দেওয়া হল id="sndp" । সম্পূর্ণ ট্যাগ হল - <h1 id="sndp" > </h1> ।
  2. এখন javascript কোড লিখতে হবে - document.getElementById("sndp").innerHTML="Text......"; প্যারামিটারের ভিতরে <h1> ট্যাগের id টি লেখা হয়েছে এরপর .innerHTML=" " এর ভিতরে টেক্সট লেখা হয়েছে যেটি ব্রাউজার <h1> ট্যাগ দেখাবে । অর্থাৎ html ট্যাগকে জাভাস্কিপ্টের অবজেক্টের মধ্যে লিঙ্ক করা হল id দ্বারা ।

কোড

javascript id selection Code


ব্রাউজারে ফলাফল :

javascript id Result


এখানে আমরা একটি ভ্যারিয়বেলের ভিতরেও TEXT স্টোর করে id তে কল করতে পারি । নিচের উদাহরণটি দেখুন ।

HTML CODE

javascript CODE

ব্যাখ্যা :

innerHTML এর ভিতরে ভ্যারিয়বেলের নামকে কল করা হয়েছে কোটেশান ছাড়ায় ।

নোট : getElementById এই লেখাটি যেমন দেখানো হয়েছে ঠিক তেমনি লিখবেন অন্যথা কোন কাজ হবে না ।


Function