HTML DOM Document getElementsByClassName() 方法
- ముందుపేజీ getElementById()
- తదుపరి పేజీ getElementsByName()
- పైకి తిరిగి HTML DOM Documents
定义和用法
getElementsByClassName()
方法返回拥有指定类名的元素集合。
getElementsByClassName()
方法返回 HTMLCollection。
getElementsByClassName()
属性是只读的。
HTMLCollection
HTMLCollection 是 HTML 元素的类似数组的集合(列表)。
ఇండెక్స్ ద్వారా కలెక్షన్ లో ఎలమెంట్స్ ను పొందవచ్చు (0 నుండి ప్రారంభించబడుతుంది).
length కలెక్షన్ లో ఎలమెంట్స్ సంఖ్యను తిరిగి ఇస్తుంది.
మరింత వివరాలకు చూడండి:
ఇన్స్టాన్స్
ఉదాహరణ 1
class="example" కలిగిన అన్ని ఎలమెంట్స్ పొందండి:
const collection = document.getElementsByClassName("example");
ఉదాహరణ 2
సమాంతరంగా "example" మరియు "color" క్లాస్లను కలిగిన అన్ని ఎలమెంట్స్ పొందండి:
const collection = document.getElementsByClassName("example color");
ఉదాహరణ 3
క్లాస్="example" ఎలిమెంట్ల సంఖ్య
let numb = document.getElementsByClassName("example").length;
ఉదాహరణ 4
క్లాస్="example" అన్ని ఎలిమెంట్ల బ్యాక్గ్రౌండ్ కలర్ మార్చండి:
const collection = document.getElementsByClassName("example"); for (let i = 0; i < collection.length; i++) { collection[i].style.backgroundColor = "red"; }
సంకేతసంబంధిత వివరణ
document.getElementsByClassName("example")పారామితి)
)
) | వివరణ |
---|---|
పారామితి |
classname అవసరం. ఎలిమెంట్ యొక్క క్లాస్ పేరు. |
స్పేస్ ద్వారా వేరువేరు క్లాస్ పేర్లను పరిశీలించదు, ఉదాహరణకు "టెస్ట్ డెమో".
రకం | వివరణ |
---|---|
ఆబ్జెక్ట్ |
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 ఆబ్జెక్ట్
- ముందుపేజీ getElementById()
- తదుపరి పేజీ getElementsByName()
- పైకి తిరిగి HTML DOM Documents