HTML DOM Element className প্রতিভূতি

বিবরণ ও ব্যবহার

className প্রতিভূতি সংযোজন বা ফেরত দিয়ে উপাদানের class প্রতিভূতি।

অন্যান্য উল্লেখ:

Element classList প্রতিভূতি

Document getElementsByClassName() পদ্ধতি

HTML DOM Style অবজেক্ট

উদাহরণ

উদাহরণ 1

উপাদানের class প্রতিভূতি সংযোজন:

element.className = "myStyle";

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 2

"myDIV"-এর class প্রতিভূতি পাওয়া:

let value = document.getElementById("myDIV").className;

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 3

দুটি শ্রেণী নামের মধ্যে ট্রান্সফর করুন:

if (element.className == "myStyle") {
  element.className = "newStyle";
} else {
  element.className = "myStyle";
}

আপনি নিজেই প্রয়োগ করুন

সূচনা:পাতার নিচে আরও উদাহরণ পাবেন。

গঠনশৈলী

className প্রতিভূতি ফেরত দেয়:

HTMLElementObject.className

className প্রতিভূতি সংযোজন:

HTMLElementObject.className = class

প্রতিভূতি

মূল্য বর্ণনা
class

ইলিমেন্টের class নাম

সাগরণীতে বিভক্ত বেশ কয়েকটি শ্রেণী, যেমন "test demo"。

ফলাফল

ধরন বর্ণনা
শব্দতালিকা ইলিমেন্টের শ্রেণী, বা সাগরণীতে বিভক্ত শ্রেণী তালিকা。

আরও উদাহরণ

উদাহরণ 4

প্রথম <div> ইলিমেন্টের class মান (যদি থাকে) পাওয়া হবে:

let value = document.getElementsByTagName("div")[0].className;

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 5

একাধিক শ্রেণী সহ শ্রেণীর class মান পাওয়া হবে:

<div id="myDIV" class="myStyle test example">
<p>I am myDIV.</p>
</div>
let value = document.getElementById("myDIV").className;

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 6

বর্তমান class মানকে নতুন class মান দ্বারা পরিবর্তন করুন:

element.className = "newClassName";

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 7

নতুন শ্রেণী যোগ করতে বর্তমান মান পরিবর্তন না করে, সাগরণী এবং নতুন শ্রেণী যোগ করুন:

element.className += " class1 class2";

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 8

যদি "myDIV"-এর "myStyle" শ্রেণী থাকে, তবে ফন্ট মাপ পরিবর্তন করা হবে:

const elem = document.getElementById("myDIV");
if (elem.className == "mystyle") {
  elem.style.fontSize = "30px";
}

আপনি নিজেই প্রয়োগ করুন

উদাহরণ 9

যদি আপনি পৃষ্ঠার শীর্ষ থেকে 50 পিক্সেল সরকার করেন, তবে "test" শ্রেণী যোগ করা হবে:

window.onscroll = function() {myFunction()};
function myFunction() {
  if (document.body.scrollTop > 50) {
    document.getElementById("myP").className = "test";
  } else {
    document.getElementById("myP").className = "";
  }
}

আপনি নিজেই প্রয়োগ করুন

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলি সমর্থন করে element.className：

চ্রোম আইই এজ ফায়ারফক্স সাফারি অপেরা
চ্রোম আইই এজ ফায়ারফক্স সাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পৃষ্ঠা

CSS শিক্ষাক্রম:CSS গ্রামার

CSS রেফারেন্স ম্যানুয়েল:CSS .class সিলেক্টর