מאמר זה ידגים את הפונקציה 'hasClass' עם JavaScript רגיל.
כיצד לבצע את הפונקציונליות של פונקציית 'hasClass' עם JavaScript רגיל?
' hasClass ' הפונקציה שייכת ל-JavaScript ' jQuery 'ספרייה. אם אתה רוצה להשתמש ב-JavaScript רגיל ולזהות אם המחלקה שצוינה היא חלק מאלמנט מסוים, עליך להשתמש ב-' מכיל() ' שיטת האובייקט classList. זה עובד כמו הפונקציה hasClass.
תחביר
כדי לקבל את הפונקציונליות של ' hasClass ' ב-JavaScript, השתמש בתחביר הנתון להלן:
אֵלֵמֶנט. classList . מכיל ( 'שם כיתה' )
כאן, ' className ” הוא השם של מחלקת ה-CSS שיחפשו באלמנט המסוים.
בעוד שהתחביר של שיטת hasClass() ב-jQuery הוא:
$ ( בוחר ) . hasClass ( שם הכיתה )דוגמא
ליצור ' div ' רכיב, הקצה מחלקת CSS ' flex-item1 ' לסגנון ה-div, ולהוסיף תמונה של הלוגו של האתר באמצעות ' src ' התכונה של התג בתוך האלמנט div:
< div id = 'logoDiv' מעמד = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' הכל = '' />
div >
צור מחלקת CSS ' flex-item1 ' לסגנון ה-div:
.flex-item1 {צבע רקע : שָׁחוֹר ;
רוחב מקסימלי : 7 אמ ;
לְהַצִיג : לְהַגמִישׁ ;
align-items : מֶרְכָּז ;
ריפוד : 0 15 פיקסלים ;
}
בקובץ JavaScript, או בתג