HTML DOM Document getElementsByClassName() 方法
- Rusha kwenye kizazi getElementById()
- Pya kati getElementsByName()
- Rusha kwenye ukubwa Documents ya Mfano wa DOM HTML
定义和用法
getElementsByClassName()
方法返回拥有指定类名的元素集合。
getElementsByClassName()
方法返回 HTMLCollection。
getElementsByClassName()
属性是只读的。
HTMLCollection
HTMLCollection 是 HTML 元素的类似数组的集合(列表)。
Inaweza kufikia kifaa kina kikolea kwa namba (kuanzia 0).
length Mafanikio hulinja upeo wa kifaa kina kikolea kwa ukubwa.
Tazama pia:
Mfano
Mfano 1
Kufaa zaidi ya kila elementi kina class="example":
const collection = document.getElementsByClassName("example");
Jifunze kwa kufanya kwa kufikia
Mfano 2
Kufaa zaidi ya "example" na "color" ya kila elementi:
const collection = document.getElementsByClassName("example color");
Jifunze kwa kufanya kwa kufikia
Mifano 3
Jumla ya element zilizo na class="example":
let numb = document.getElementsByClassName("example").length;
Jifunze kwa kufanya kwa kufikia
Mifano 4
Badilisha mabaki ya kina ya class="example" kwa rangi ya mbegu:
const collection = document.getElementsByClassName("example"); kwa (let i = 0; i < collection.length; i++) { collection[i].style.backgroundColor = "red"; }
Inasababisha
document.getElementsByClassName("example")classname)
Mambo
Mambo | Maelezo |
---|---|
classname |
Inahitaji. Jina la kikundi cha kina la element. Inaripoti kwa kina vingi vya uwanja, kama "test demo". |
Matokeo
Aina | Maelezo |
---|---|
Kifaa |
Kifaa cha HTMLCollection. Makundi ya element zilizo na jina la kikundi kilichotumika. Inayoridisha kwa hivyo kwa orodha ya uwanja wa kina katika mafaa ya kitabu. |
Msaada wa kifaa cha kina
document.getElementsByClassName()
Ni muhimu wa DOM Level 1 (1998).
Wote vitu vya kina vinawasaidia:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Msaada | 9-11 | Msaada | Msaada | Msaada | Msaada |
Vichwa vya kina
Makao ya CSS:Mabaki ya CSS
Mwongozo wa CSS:Muundo wa Chaguo .class wa CSS
Mwongozo wa DOM HTML:element.getElementsByClassName()
Mwongozo wa DOM HTML:Hisia ya className
Mwongozo wa DOM HTML:Hisia ya classList
Mwongozo wa DOM HTML:Kifaa cha muundo
- Rusha kwenye kizazi getElementById()
- Pya kati getElementsByName()
- Rusha kwenye ukubwa Documents ya Mfano wa DOM HTML