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

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

উদাহরণ :

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

কোড

Code

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

---

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

HTML CODE

<h1 id="sndp"></h1>

javascript CODE

var x="Hi Friends ...."; document.getElementById("sndp").innerHTML=x;

ব্যাখ্যা :

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

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

Function