HTML DOM Element getElementsByClassName() পদ্ধতি
- পূর্ববর্তী পৃষ্ঠা getBoundingClientRect()
- পরবর্তী পৃষ্ঠা getElementsByTagName()
- এক স্তর উপরে ফিরে যান HTML DOM Elements ওবজেক্ট
সংজ্ঞা ও ব্যবহার
getElementsByClassName() পদ্ধতি ফলাফল দেয় কিছু ক্লাস নামযুক্ত সাব-ইউনিটগুলির সংকলন, NodeList অবজেক্ট হিসাবে।
অন্যান্য পরিদর্শন:
পাঠ্যক্রম:
NodeList
NodeList এটি একটি সমতুল্য সমষ্টির নোড সংকলন (তালিকা)।
আপনি নোডগুলিতে সূচক (ইনডেক্স) দ্বারা প্রবেশ করতে পারেন। সূচক 0 থেকে শুরু হয়。
length প্রতিশততালিকায় নোডের সংখ্যা ফিরিয়ে দেয়。
একটি উদাহরণ
উদাহরণ 1
ক্লাস="child" ব্যবহার করে প্রথম তালিকাটির টেক্সট পরিবর্তন করুন：
const list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";
উদাহরণ 2
"myDIV" এর class="child" এর ইউনিটগুলির সংখ্যা：
const element = document.getElementById("myDIV");
const nodes = element.getElementsByClassName("child");
let number = nodes.length;
উদাহরণ 3
更改 class="child" 的第二个元素的大小：
const element = document.getElementById("myDIV");
element.getElementsByClassName("child")[1].style.fontSize = 24px";
উদাহরণ 4
class="example"-এর দ্বিতীয় উপাদানে "child" এবং "color" শ্রেণী ব্যবহার করে প্রথম উপাদানের মাপ পরিবর্তন করুন:
const elements = document.getElementsByClassName("example")[1];
elements.getElementsByClassName("child color")[0].style.fontSize = "24px";
উদাহরণ 5
ক্লাস="child" এর "myDIV"-এর সকল উপাদানের রঙ পরিবর্তন করুন:
const element = document.getElementById("myDIV");
const nodes = element.getElementsByClassName("child");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.color = "red";
}
সংজ্ঞা
element.getElementsByClassName(classname)
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| classname |
প্রয়োজনীয়। সাব-উপাদানের শ্রেণী নাম বহুবচনা নামগুলি স্পেস দিয়ে পৃথক করুন (যেমন "child color") |
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| NodeList |
দেওয়া শ্রেণী নামের উপাদানগুলির সাব-উপাদান উপাদানগুলি তাদের সূত্র কোডে দেখানো ক্রমে ক্রমানুসারে সাজানো হয় |
ব্রাউজার সমর্থন
element.getElementsByClassName() এটা DOM Level 1 (1998) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলি এটা সম্পূর্ণরূপে সমর্থন করে:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা getBoundingClientRect()
- পরবর্তী পৃষ্ঠা getElementsByTagName()
- এক স্তর উপরে ফিরে যান HTML DOM Elements ওবজেক্ট
