HTML DOM Document hukumar getElementsByClassName()

Tiratar da hukumar da watsi

getElementsByClassName() hukumar aya na koli na rami na koli da rami.

getElementsByClassName() hukumar HTMLCollection.

getElementsByClassName() Gwamna aya na koli na koli yana.

HTMLCollection

HTMLCollection wani koli na koli na HTML yana koli (koli).

Aya zai gina koli (daga 0 baya).

length Gwamna aya na abin sha na koli.

Sauran kira:

hukumar getElementById()

hukumar getElementsByTagName()

hukumar querySelector()

hukumar querySelectorAll()

koli HTML na koli na koli

farin

masanin 1

Gyara da aya da class="example" na abin sha:

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

Tukurin kaiwaiwai

masanin 2

Gyara da aya da "example" da "rami" rami na abin sha:

const koli = document.getElementsByClassName("example rami");

Tukurin kaiwaiwai

Shafi 3

Kullumma class="example" abubuwan yawa:

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

Tukurin kaiwaiwai

Shafi 4

Yanayin kuma saukiwai kullumma da suka kai kaiwaiwai class="example"

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

Tukurin kaiwaiwai

Doka

document.getElementsByClassName("example")classname)

Abin da ake kama

Abin da ake kama Bayani
classname

Wajibci. suna kaiwaiwai element

Tukurin kuma abubuwan da kuma suna kaiwaiwai kuma da kuma yadda ake yin sauni, wanda shine "test demo".

Tarihin ciwon

Rasuwa Bayani
Tarihin

Tarihin HTMLCollection

Tasirin abubuwan da suka kai kaiwaiwai kuma da kuma

Duba iyakar kwanan da kuma abubuwan dake aiki a cikin dokumentu.

Tukurin browsersu

document.getElementsByClassName() Ita a cikin DOM Level 1 (1998) wuri.

Dukkan browsersu su su su kuma

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tukurin 9-11 Tukurin Tukurin Tukurin Tukurin

Dakin kuma bayanai

Tuturu CSS:CSS ɗanar

Manahiyar CSS:CSS .class ɗanar

Manahiyar HTML DOM:element.getElementsByClassName()

Manahiyar HTML DOM:className hantun

Manahiyar HTML DOM:classList hantun

Manahiyar HTML DOM:Tarihin Style