HTML DOM Document getElementsByClassName() পদ্ধতি

সংজ্ঞা ও ব্যবহার

getElementsByClassName() পদ্ধতি নির্দিষ্ট শ্রেণীর উপাদানগুলোর সংগ্রহ প্রদান করে

getElementsByClassName() পদ্ধতি ফলাফল প্রদান করে HTMLCollection.

getElementsByClassName() এই অপারেটর অপণ্য হয়েছে।

HTMLCollection

HTMLCollection এটি হ্যান্ডলকপ শ্রেণীর অনুরূপ তালিকা (তালিকা)।

সংগ্রহের উপাদানগুলোকে সূচক দ্বারা প্রবেশ করা যায় (0 থেকে শুরু করে)।

length সংগ্রহের উপাদানের সংখ্যা প্রদান করে।

অন্যান্য পড়ার জন্য:

getElementById() পদ্ধতি

getElementsByTagName() পদ্ধতি

querySelector() পদ্ধতি

querySelectorAll() পদ্ধতি

HTMLCollection অবজেক্ট

উদাহরণ

উদাহরণ 1

class="example" শ্রেণীর সমস্ত উপাদান পাওয়া যায়:

const collection = document.getElementsByClassName("example");

亲自试一试

উদাহরণ 2

একইসঙ্গে "example" এবং "color" শ্রেণীর সমস্ত উপাদান পাওয়া যায়:

const collection = document.getElementsByClassName("example color");

亲自试一试

例子 3

class="example" 的元素数量：

let numb = document.getElementsByClassName("example").length;

亲自试一试

例子 4

更改 class="example" 的所有元素的背景色：

const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

亲自试一试

语法

document.getElementsByClassName(classname)

参数

参数 描述
classname

必需。元素的类名。

可检索由空格分隔的多个类名，例如 "test demo"。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定类名的元素的集合。

按照在文档中出现的顺序对元素进行排序。

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

document.getElementsByClassName() এটি DOM Level 1 (1998) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি এটি সমর্থন করে:

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

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

CSS শিক্ষাক্রম:CSS সিন্থ্যাক্স

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

HTML DOM রেফারেন্স ম্যানুয়েল:element.getElementsByClassName()

HTML DOM রেফারেন্স ম্যানুয়েল:className এপাত্র

HTML DOM রেফারেন্স ম্যানুয়েল:classList এপাত্র

HTML DOM রেফারেন্স ম্যানুয়েল:Style অবজেক্ট