Ipapakita ng artikulong ito ang function na 'hasClass' na may simpleng JavaScript.
Paano Gawin ang Functionality ng 'hasClass' Function Gamit ang Plain JavaScript?
“ mayClass Ang function na ' ay kabilang sa JavaScript ' jQuery ” aklatan. Kung gusto mong gumamit ng simpleng JavaScript at tukuyin kung ang tinukoy na klase ay bahagi ng isang partikular na elemento, kailangan mong gamitin ang “ naglalaman ng() ” paraan ng object ng classList. Ito ay gumagana katulad ng hasClass function.
Syntax
Para makuha ang functionality ng “ mayClass ” sa JavaScript, gamitin ang ibinigay na syntax sa ibaba:
elemento. Listahan ng klase . naglalaman ng ( 'pangalan ng klase' )
Dito,' pangalan ng klase ” ay ang pangalan ng klase ng CSS na hahanapin sa partikular na elemento.
Habang ang syntax ng hasClass() na pamamaraan sa jQuery ay:
$ ( tagapili ) . mayClass ( pangalan ng klase )Halimbawa
Gumawa ng ' div ” element, magtalaga ng CSS class “ flex-item1 ” upang i-istilo ang div, at magdagdag ng larawan ng logo ng website gamit ang “ src ” attribute ng tag sa loob ng div element:
< div id = 'logoDiv' klase = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' lahat = '' />
div >
Lumikha ng isang klase ng CSS ' flex-item1 ” para i-istilo ang div:
.flex-item1 {kulay ng background : itim ;
max-width : 7em ;
display : baluktot ;
align-item : gitna ;
padding : 0 15px ;
}
Sa JavaScript file, o ang