dataset বৈশিষ্ট্য

HTML ভাষায়, ট্যাগগুলিতে আপনার নিজস্ব বৈশিষ্ট্য যোগ করা অনুমোদিত, শর্ত থাকে যে সেগুলি data- দিয়ে শুরু করতে হবে, এবং তারপর যেকোনো বৈশিষ্ট্যের নাম থাকতে পারে। JavaScript-এর মাধ্যমে এই ধরনের বৈশিষ্ট্যগুলি অ্যাক্সেস করার জন্য একটি বিশেষ বৈশিষ্ট্য dataset ব্যবহার করা হয়।

সিনট্যাক্স

javascriptelement.dataset.name;

উদাহরণ

আসুন বৈশিষ্ট্যের মান পড়ি:

html<div data-cost="1000"></div>
javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

কোড এক্সিকিউশনের ফলাফল:

javascript'1000'

উদাহরণ

আসুন বৈশিষ্ট্যের মান পরিবর্তন করি:

html<div data-cost="1000"></div>
javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

ফলস্বরূপ কোডটি এইরকম দেখাবে:

html<div data-cost="2000"></div>

আরও দেখুন

  • getAttribute মেথড,
    যা বৈশিষ্ট্যগুলো পায়
  • setAttribute মেথড,
    যা বৈশিষ্ট্যগুলো সেট করে